首页 > Windows开发 > 详细

C# MVC Ajax上传多个图片,可预览,可重复上传等

时间:2019-08-01 17:03:14      阅读:331      评论:0      收藏:0      [点我收藏+]
//上传文件
    function UploadFile(el) {
        var dataValue = $(el).attr("data-id");
        var ele = dataValue.toLowerCase();
        var f = document.getElementById(‘uploadFile_‘+ele).files[0]
        var src = window.URL.createObjectURL(f);
        document.getElementById(‘uploadPreview_‘ + ele).src = src;
        top.$("#uploadPreview_" + ele).attr("src", src);
        $("#upload_msg_" + ele).text("上传中,请稍候...");
        //上传应用图标
        $.ajaxFileUpload({
            url: "../../Manage/Flow/UploadFile",
            secureuri: false,
            fileElementId: [‘uploadFile_‘ + ele],
            dataType: ‘json‘,
            success: function (data) {
                if ((data.message).indexOf(‘error‘) >= 0) {
                    $("#upload_msg_" + ele).text(data.message);
                    $("#upload_msg_" + ele).css("color", "red");
                } else {
                    $("#" + dataValue).val(data.message);
                    $("#upload_msg_" + ele).text("上传成功!");
                    $("#upload_msg_" + ele).css("color", "#0a9a2f");
                }
            }
        });
    }

技术分享图片

 

C# MVC Ajax上传多个图片,可预览,可重复上传等

原文:https://www.cnblogs.com/firstcsharp/p/11283719.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!