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);
        }
    });
});