PDA

View Full Version : نمایش تصویر بعد از انتخاب آن



olampiad
چهارشنبه 23 اردیبهشت 1394, 14:03 عصر
سلام و خسته نباشید
به این تصویر ی نگا بندازید.
http://s3.picofile.com/file/8188249276/hamid.PNG
من میخوام وقتی که کاربر یک تصویر رو انتخاب کرد قبل از اینکه تصویر آپلود بشه ، همون لحظه ار تصویر یه پیش نمایش نشون بده.
آیا این کار شدنی هستش؟
اگه شدنی هستش میشه توضیحاتی در موردش بدید.
خیلی ممنون.

arenaw
چهارشنبه 23 اردیبهشت 1394, 15:40 عصر
سلام. بله شدنی هست، ولی ربطی به php نداره. شما باید از جاوااسکریپت و آبجکت FileReader استفاده کنید:


<input id="file" type="file"/>
<img id="preview" src=""></img>


document.getElementById('file').onchange = function(e) {
var reader = new FileReader();
reader.onload = function() {
document.getElementById('preview').src = reader.result;
}
reader.readAsDataURL(this.files[0]);
}


http://jsfiddle.net/nainemom/62y738vs/