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


    //上传文件
        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");
                    }
                }
            });
        }

    注意要加载上传组件js .下载地址:https://blog-static.cnblogs.com/files/firstcsharp/ajaxfileupload.js 

    关于后台的上传代码就不用说了吧?网上一大把

  • 相关阅读:
    毕业设计-1.11
    毕业设计-1.10
    毕业设计-1.09
    毕业设计-1.08
    毕业设计-1.07
    [工具]Maven的安装和配置【MyEclipse】
    毕业设计-1.06
    tomcat部署项目时省略项目名
    Jenkins实现iOS项目自动化打包(含踩坑记录)
    钉钉小程序封装网络请求
  • 原文地址:https://www.cnblogs.com/firstcsharp/p/11283719.html
Copyright © 2020-2023  润新知