MVC图片上传

页面代码

    <input type="file" name="InputImgFile" id="InputImgFile" />
           _uploadIsImg = function () {
            var name = $("#UploadLpImgForm input#InputImgFile").val();
            var index = name.lastIndexOf(".");
            var extname = name.substr(index + 1).toLowerCase();
            switch (extname) {
                case "jpg":
                case "png":
                case "gif":
                case "jpeg":
                    return true;
                default:                   
                    return false;
            }

           _SaveData = function () {
            //获取上传的文件
            var file = document.getElementById("InputImgFile").files;

            if (file == null || file.length<=0 || file[0]==null) {               
                $.modalAlert("请先选择文件");
                return "";
            }

            if (!manger._uploadIsImg())
            {
                return "";
            }
          return file[0];
          };

上传文件处理方法

           __uploadImgCallBack = function (file, id) {
            if (!file || !id ) {
                return;
            }

            var formData = new FormData();
            formData.append("file", file);
            formData.append("Ids", id);

            $.ajax({
                url: url,
                data: formData,
                type: "post",
                cache: false,//上传文件无需缓存
                processData: false,//用于对data参数进行序列化处理 这里必须false
                contentType: false, //必须
                success: function (res) {
                    if (res.errorCode != "00") {
                        $.modalAlert(res.errorMsg);
                        return;
                    }
                    alert("文件上传成功!");
                   
                },
                error: function (data) {
                    alert("文件上传异常");
                },
            });
        };

mvc控制器接收端参数

(HttpPostedFileBase file,string Ids)

  

posted @ 2019-01-09 16:44  花影疏帘  阅读(158)  评论(0)    收藏  举报