asp.net core and C# 结合js实现文件和图片上传

0
0
0

前端获取file选择的文件,然后添加到formdata,然后再用ajax将formdata发送给后台程序处理,具体代码如下

html页面中的file,

<input  type="file" multiple class="selectImg" id="selectImg" />

原生js将file选择的所有文件添加到formdata中,并判断文件格式。从下面代码可以看出,只添加jpg png bmp 图片格式,其它的文件不添加,自动过滤掉。

        function getnewformdata() {
            var formdata = new FormData();
            var files = selectImg.files;//selectImg html页面中的file
            for (var i = 0; i < files.length; i++) {
                var fileName = files[i].name;
                var fileExt = fileName.substring(fileName.lastIndexOf("."))
                    .toLowerCase();
                if (checkFileExt(fileExt, ".jpg|.png|.bmp")) {
                    formdata.append(files[i].name, files[i]);
                };            
            };
            return formdata;
        };

上面代码 checkFileExt 是自定义的一js方法,用于判文件的类型,下面是checkFileExt方法代码

【付费内容开始】

还有2675字, 为付费内容,付费后阅读全部

阅读全文 支付 ¥2
有效期 3 天
同意并确认支付
本文和文中图片版权归作者所有,如转载本文或使用本文中的图片需获得授权
广告
色情
抹黑攻击
反社会
内容水
其它
确定提交
条向作者的提问
发布提问
禁止发布违反法律法规的内容
支持RGB和CMYK图片上传并添加水印var img = S...
小东西总是忘,记录一下,C#版本英文字母大小写转换strin...
用C#写了个小程序,实现了获取图片的宽度和高度,再用图片宽度...
之前做的一个项目,实现了鼠标移到div上面,div里面的图片...
声明:本插件只针对tinymce5或以上的版本有效。2019...
无论技术如何发展,出现的所谓的新技术也是由底层一代一代迭代出...
直接上代码,废话不多说 pub...
public static string Rem...
代码System.Guid.NewGuid().ToStri...
本文不是网上各种水神文章,绝对能够解决实际的问题,遇到问题欢...
报这个错误的原因就是在https网址的站点里面 用了 htt...
使用FileStream类进行文件的读取,并将它转换成cha...
RESTORE DATABASE 数据库名FROM DISK...
用阿里去服务器发送电子邮件,端口只能是587。因为阿里云把默...
我们在做密码验证功能的时候, 为了达到更好的用户体验,应该做...
js的String对像replace(旧文本,新文本) 将...
秸秆速腐剂是最新研制的专利产品,专利号为97116992.6...
之后的一个项目近期使用人数突增,发现数据中有一些重复的key...
用数据的总数,生成页码链接。下面是具体的用法,int pag...
先声明,本文收费。用的过程中遇到问题,欢迎提问实现滑动浏览器...
103000多个英文单和中文翻译,包括三个字段英文单词、音标...
1.使用渐进呈现,仅在用需要时才展示他们需要的信息。用链接引...
background-size: contain; 等比例放...
https://fengyuanchen.github.io...
src:视频url的地址poster:视频的封面,没有播放时...
6月17日,农业部科技教育司等单位在四川省中江县和广汉市举行...
js的String对像toLocaleLowerCase(...
目前,在农、林、花卉生产上对有害生物的防治引起了人们的足够重...
1.渐变背景创建一个矩形路径并用蓝色渐变填充它。2.屏幕渐变...
本站部分内容来自于网络和用户发布,如有侵犯您的权益,请即时告之,我们将第一时间处理.
服务邮箱 ydh@terlogic.com
京ICP备13047789号-7