zoukankan      html  css  js  c++  java
  • 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 

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

  • 相关阅读:
    阿里云服务器 API 的使用
    CMDB 资产管理
    Django uwsgi+nginx+django 部署上线
    Django Middleware 中间件
    Django Form 表单
    Django FBV and CBV
    Django cookie and session
    Django 分页器
    Django ORM
    CodeVS 1008 选数(DFS)
  • 原文地址:https://www.cnblogs.com/firstcsharp/p/11283719.html
Copyright © 2011-2022 走看看