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

Question

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

Answer 1

$("#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);         }     }); });