使用JQuery上传图像文件

时间:2012-10-03 10:05:02

标签: jquery html file-upload

我正在尝试使用JQuery手动将图像发布到远程服务器。 该文件类似于“c:\ temp \ 1.jpg”,帖子在后台。

我尝试使用我在网上看到但不起作用的东西:

var data = new FormData();
data.append("file", "c:\\temp\\1.jpg");

$.ajax({
    type: "POST",
    url: "http://localhost:61602/home/FileUpload",
    contentType: false,
    processData: false,
    data: data,
    success: function (result) {
        alert("Success: " + result);
    },
    error: function () {
        alert("There was error uploading files!");
    }
});

这个想法是从html文件不可用的移动设备上传,但我让用户能够选择要上传的文件位置..

提前致谢, 阿米特

1 个答案:

答案 0 :(得分:0)

您必须像这样

在FormData中发送上传控制数据
var form_data = new FormData();
var objFiles = $("input#fUpload").prop("files");
form_data.append("file", objFiles[position]);

如果表单中有一个fileupload控件,则位置值为0

postion = 0

private void handlepostImage()
     {
         string guid = Guid.NewGuid().ToString();
         for (int i = 0; i < Request.Files.Count; i++)
         {
             HttpPostedFile objHttpPostedFile = (HttpPostedFile)Request.Files[i];
             string filename = Server.MapPath("../Uploads/Contents/" + guid + Path.GetExtension(objHttpPostedFile.FileName));
             objHttpPostedFile.SaveAs(filename);
         }
Response.Write("{\"fileGuid\":\"" + guid + "\"}");
}

您可以将文件名返回给客户端