使用 jquery 保存从 html 文件上传到 asp.net 中的文件

Question

我有一个 html 上传 <input type="file" id="myfile"/>。当我单击它时，它正在加载文件，但无法在 firefox3 中获取像 c:documents/images... 等这样的完整路径。

我还有一个 html 按钮单击我必须在保存图像时使用 json 将文件保存到我的应用程序的根文件夹中，然后应该打开一个带有浏览图像的弹出窗口，允许用户使用裁剪图像作物。当用户完成裁剪后，应使用 jquery 和 json 并仅使用 html 控件将图像保存回我的根文件夹（服务器端）。

一切都应该使用 jquery 和 json 以及在后面的代码中使用 webmethods 来处理。

这是我的代码：

<input type="file" class="select-file" id="file_attach"  />

    enter code here

$('#btnNextPhoto').click(function () {
                //Cancel the link behavior


                filename = $('#file_attach').val();


                //e.preventDefault();
                if (filename != "") {
                    alert("i am svaing");
                    SaveUncroppedImage();

                }

}

function SubmitUncroppedImage(image) {
    var ticket = getCookieFromPage();
    var DTO = JSON.stringify({ image: image, encryptedTicket: ticket });
    $.ajax({
        type: "POST",
        url: "../Members/EditProfile.aspx/SaveUncroppedImage",
        data: DTO,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            alert(msg.d);
            $("#cropbox").attr('src', msg.d).show();
            $('#container').hide();
        },
        error: function (msg) {
            alert(msg.d);
        }
    });
}


[System.Web.Services.WebMethod]
        public static string SaveUncroppedImage(string image, string encryptedTicket)
        {
            ImageFunctions img = new ImageFunctions();
            string guid = Guid.NewGuid().ToString();
            string fileName = guid + ".jpg";
            //string rPath = "/images/flower.jpg";
            string root = "C:\\Sites\\images\\videothumbs";


            file_attach.SaveAs(root + image);"

Answer 1

您不能使用这样的文件上传控件。 Web 浏览器会阻止您查看本地文件路径。而且我无法判断您是否正在尝试写入客户端的计算机，但您绝对不能这样做，因为这是一个巨大的安全风险。