如何在ajax请求中发送图片？

22 浏览
0 Comments

如何在ajax请求中发送图片？

我想在我的内部网页上实现一个简单的文件上传，尽量保持最小的设置。

这是我的HTML部分：

这是我的JS jQuery脚本：

$("#upload").on("click", function() {
    var file_data = $("#sortpicture").prop("files")[0];   
    var form_data = new FormData();
    form_data.append("file", file_data);
    alert(form_data);
    $.ajax({
        url: "/uploads",
        dataType: 'script',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,                         
        type: 'post',
        success: function(){
            alert("成功"); 
        }
    });
});

网站的根目录中有一个名为"uploads"的文件夹，"users"和"IIS_users"都有更改权限。

当我通过文件表单选择文件并点击上传按钮时，第一个弹窗返回"[object FormData]"。第二个弹窗没有被调用，"uploads"文件夹也是空的！？

有人可以帮我找出问题在哪吗？

另外下一步应该是使用服务器生成的名称重新命名文件。也许有人可以给我一个解决方案。

0