码迷,mamicode.com
首页 > 其他好文 > 详细

原生input type 为file 时的各参数

时间:2021-05-24 06:06:15      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:上传   cat   ide   document   input   https   app   格式   doc   

原生input 类型为file时需要对不同参数做出调整

<input type="file" name="file" id="file" 
       accpet=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" >

? accpet属性:此属性限制文件的输入,当点击输入框时,会自动过滤并留下允许的格式(其中的字符串为MIME类型);

? files属性:此属性当multiple未设置时,只包含上传的文件,且只有一个;

//files属性不会在输入框展示需要在js中的dom中进行获取
  let files = document.getElementById(‘file‘).files[0]

? multiple属性:此属性设置时可选择多个文件;

MIME类型包括

音频文件:字符串 audio/*, 表示“任何音频文件”

视频文件:字符串 video/*,表示 “任何视频文件”

图片文件:字符串 image/*,表示 “任何图片文件”

常用的MIME类型可以去此处查找

[https://www.w3school.com.cn/media/media_mimeref.asp]:

原生input type 为file 时的各参数

标签:上传   cat   ide   document   input   https   app   格式   doc   

原文地址:https://www.cnblogs.com/xujiuran/p/14757286.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!