PDA

View Full Version : آپلود بلادرنگ تصویر پس از بسته شدن پنجره ی Form Upload



Taimaz_222
شنبه 22 فروردین 1394, 18:35 عصر
سلام

من میخوام پس انتخاب تصویرم در پنجره Form upload و بدون زدن دکمه ی ارسال فرم ، تصویرم آپلود بشه.

با چه property میتونم این روو به کدم بفهمونم ؟

بعنوان مثال :


این لینک که واستون میذارم نگاه کنید

http://tehran.divar.ir/new/

روی اضافه کردن عکس کلیک کنید می بینید که پس از بسته شدن فرم آپلود عکس لود میشه
این چطوری انجام میشه ؟
با تشکر
ممنون

Taimaz_222
یک شنبه 23 فروردین 1394, 09:44 صبح
:متفکر: راهنمای بفرمایید

j_naroogha@yahoo.com
یک شنبه 23 فروردین 1394, 10:35 صبح
خب با کد سمت کلاینت...
با jqurry اینکارو میشه کرد. بهش یه ایدی بدین و رویداد کلیکش فرم رو سابمیت کنین.

Taimaz_222
یک شنبه 23 فروردین 1394, 12:01 عصر
خب با کد سمت کلاینت...
با jqurry اینکارو میشه کرد. بهش یه ایدی بدین و رویداد کلیکش فرم رو سابمیت کنین.


باتشکر از شما دوست عزیز . منم همین کار رو دارم انجام میدم اما با کد زیر به جواب نمیرسم !!!



$("#userImage").blur(function() {
if($(this).val()) {
$('#uploadForm').submit();
e.preventDefault();
$('#loader-icon').show();
$(this).ajaxSubmit({
target: '#targetLayer',
beforeSubmit: function() {
$("#progress-bar").width('0%');
},
uploadProgress: function (event, position, total, percentComplete){
$("#progress-bar").width(percentComplete + '%');
$("#progress-bar").html('<div id="progress-status">' + percentComplete +' %</div>')
},
success:function (){
$('#loader-icon').hide();
},
resetForm: true
});
return false;
}
});

Taimaz_222
یک شنبه 23 فروردین 1394, 13:36 عصر
دوستان کدش رو پیدا کردم و میذارم خدمتتون

در قسمت کدهای جاوا اسکریپت باید اینطور نوشته بشه :




document.getElementById("file").onchange = function() {
document.getElementById("form").submit(); };



توجه داشته باشید که بجای دو کلمه file , form باید id مربوط به فایل و فرمتون رو بنویسید.

Taimaz_222
یک شنبه 23 فروردین 1394, 18:16 عصر
من با کد بالا تونستم بعد از بسته شدن FORM UPLOAD به صفحه ی دیگری منتقل شم اما متاسفانه پس از این انتقال تابع $_FILES مقداری نمی گیره !!!!!

اما وقتی برمیگردم و کدهای جاوا اسکریپت بالا رو حذف می کنم و از طریق سابمیت فرم ، مقادیر رو ارسال می کنم این مشکل دیگه وجود نداره !!!!

در واقع من وقتی از جاوا اسکریپت برای سابمیت فرم استفاده می کنم تابع $_FILES هیچ مقداری درش قرار نمی گیره چون چکش کردم و دیدم همینطوره !!!

بنظرتون ایـــــــــراد کار کجاست ؟

Taimaz_222
یک شنبه 23 فروردین 1394, 19:05 عصر
حل شد . ممنون.