猿问

ajax实现异步上传图片的方法

怎么实现异步多图上传?  并将路径上传到数据库呢?    我是讲多图保存到session中的数组中先,然后在提交!  但是总感觉这样做事错误的,真正实现是怎么做的呢?

陈家二公子
浏览 2364回答 1
1回答

wanka

$("#file input[type=file]").on("change", function(event){     var files = event.target.files;     var data = new FormData();     $.each(files, function(key, value)     {         data.append("file", value);     });     $.ajax({         url: "",         type: "POST",         data: data,         async: true,         cache: false,         dataType: "json",         processData: false,         contentType: false,         success: function(){             if(data.error_code === 0){                 $('#icon').removeClass('hidden');                 $('#icon input').val(data.url);                 $('#icon img').attr('src', data.url);                 $("#file").addClass("hidden");                 $("#file input[type=file]").val("");             }else{                 $("#file input[type=file]").val("");                 var errorMsg = data.error_msg || "图片上传失败,请重试!";                 alert(errorMsg);             }         },         error: function(data,jqXHR, textStatus, errorThrown){             alert(JSON.parse(data.responseText).error_msg);         }     }); });
随时随地看视频慕课网APP
我要回答