حل شده

جاوا اسکریپت برای input file

بازدید1kپست ها1آخرین فعالیت3 سال پیش
1
2

سلام وقت بخیر.
میخوام از یه input file یه عکس رو روی یک متغیر ذخیره کنه بعد عکس رو انتقال بده به یه المنت. کد زیر رو امتحان کردم نشد.
Var img =document.querySelector(".demo").value;
("document.getElementById("saveImage").setAttryBute("src","img

1 پاسخ

0

سلام.
میتونید از file reader استفاده کنید. با این روش میتونید فایلی که انتخاب میشه رو توی تصویر نشون بدید:

document.getElementById('picField').onchange = function (evt) {
    var tgt = evt.target || window.event.srcElement,
        files = tgt.files;

    // FileReader support
    if (FileReader && files && files.length) {
        var fr = new FileReader();
        fr.onload = function () {
            document.getElementById(outImage).src = fr.result;
        }
        fr.readAsDataURL(files[0]);
    }

    // Not supported
    else {
        // fallback -- perhaps submit the input to an iframe and temporarily store
        // them on the server until the user's session ends.
    }
}

سوال برنامه نویسی دارید؟

ندونستن عیب نیست، نپرسیدن چرا!

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.