PDA

View Full Version : مبتدی: کد ایجاکس ارسال فایل



tsonade
یک شنبه 11 بهمن 1394, 09:11 صبح
سلام دوستان
من اطاعات رو با AJAX با دستور زیر ارسال می کردم ولی الان می خوام فایل ارسال کنم ولی این دستور کار نمیده لطفا بگید با چه دستوری میتونم مقدار input رو بدون ریفرش صفحه ارسال و اپلود کنم ؟
همینطور من تابع های در Jquery تعریف کردم که وقتی رو چیزی کیلیک میشه یا change میشه این ارسال اطلاعات انجام بشه ولی در این مورد می خوام وقتی روی brows کلیک شد و فایل انتخاب شد اتوماتیک شروع به اپلود کند باید جای CLICK یا Change کدوم دستور رو انتخاب کنم ؟
با تشکر .



$.post('config.php', { file : set } , function(data){

tsonade
یک شنبه 11 بهمن 1394, 13:41 عصر
کسی اینجا نیست که ایجکس بلد باشه ؟
نمیتونم با َ AJAX فایل ارسال کنم
لطفا راهنمایی کنید

tsonade
پنج شنبه 22 بهمن 1394, 11:29 صبح
خودم پیدا کردم
اینم جوابش

$(document).ready(function() { $("#btn-upload").click(function(){

$('.progress').progressbar({
min : 0,
max : 100,
value : 20,
change:function(){
}

})

var form_data = new FormData ($('#dataform').get(0));


$.ajax({
url:'ajax.php',
type:'POST',
data: form_data,
cache:false,
contentType:false,
processData:false,
xhr: function()
{
var myxhr = $.ajaxSettings.xhr();

return myxhr;

if(myxhr.upload)
{
myxhr.upload.addeventlistener('progress', function() {
})
}




},
success: function(data){
console.log(data);
data = $.parseJSON(data);
if (data['stat'] == 'ok' ) {
$('#img-upload').attr('src','http://localhost/khabarname/assets/upload/'+data.filename);
console.log('http://localhost/khabarname/assets/upload/'+data.filename);
}
else {
alert('آپلود نا موفق بود ');
}

},
error: function(){
},
beforeSend: function(){
}




})
return false;
})
});

tsonade
پنج شنبه 22 بهمن 1394, 11:30 صبح
البته یک کم ناقصه فقط میشه اپلود رو باش انجام داد یک سری توابعش کمه که هنوز ننوشتم مثل نمایش درصد اپلود که زیاد در اصل اپلود کردن فایل تاثیری نداره