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

حل شده 

Javascript

توسط ali-ekrami در 1 ماه پیش
2 99 1 1 ماه پیش
ali-ekrami reza
1

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

پاسخ ها

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.
    }
}

خوش آمدید

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

لطفا ابتدا لاگین کنید