(不适用于.Net Core环境)jquery+WebAPI 上传文件、图片

<!--HTML代码(图片)--> 
  <input type="file" id="file" onchange="changes(this)" />

一、jquery部分

 function changes(fileM) {
            ////获取上传的文件信息
            var file = $(fileM).get(0).files[0];
            var formData = new FormData();
            //图片读取
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = function () {
                var img = new Image();
                //图片前端显示路径
                img.src = this.result;
            }
            formData.append('file', file);
            $.ajax({
                url: "接口地址",
                type: "post",
                //dataType: "json",
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
                    if (data.res == "success") {
                        alert("上传成功!");
                    }
                },
            });
        }

二、 C#后端接口处理参照layui+WebApi上传文件、上传图片  

猜你喜欢

转载自www.cnblogs.com/XiangZiPeng/p/12197370.html