如何使用jquery上传asp.net中的图片并将其保存在文件夹中

时间:2013-05-30 15:39:59

标签: jquery asp.net jquery-ui-dialog

我正在尝试使用jquery对话框上传图像并将其保存在服务器文件夹“images”中,并将图像路径发送到数据库。

这是我在asp中的fileupload控件,它在jquery对话框ui上显示

<asp:FileUpload ID="upl_Photo" runat="server" />

当我点击对话框按钮上的“确定”按钮时,我需要它将图像保存在“图像”文件夹中。

$(function () {
$(".dialog_Items").dialog({
    autoOpen: false,
    width: 500,
    height: 400,
    modal: true,
    show: 'fade',
    buttons: {
        'Add': function () {
           //save image in a server folder

            $.ajax({
                //send saved image path 

            });

            $(this).dialog('close');

        },
        'Cancel': function () {
            $(this).dialog('close');
        }
    },
    open: function (event) {
        $('.ui-dialog-buttonpane').find('button:contains("Add")').addClass('addButton');
        $('.ui-dialog-buttonpane').find('button:contains("Cancel")').addClass('cancelButton');
    }
});

$("#btn_Items").click(function (event) {
    event.preventDefault();
    $(".dialog_Items").dialog("open");
});

});

1 个答案:

答案 0 :(得分:0)

您可以使用ASP.Net fileupload控件上传多个文件....使用ajax UpdatePAnel ....一旦发布到服务器,将文件保存到磁盘并复制路径不是那么明显....

或者您可以使用uploadify - http://www.uploadify.com/