请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

技术分享 web组件input上传文件时accept注意事项

0
回复
1602
查看
[复制链接]

16

主题

112

帖子

920

积分

 楼主| 2018-6-22 12:04:29 显示全部楼层 |阅读模式
1010版本起web组件中支持<input type="file">的元素上传文件了,但是在使用中出现了点击input按钮后,快应用闪退的情况。

后经排查发现是accept属性导致的

如果你的input元素代码是这样写的:
  1. <input type="file" accept=".csv">
复制代码
那么在电脑端可以弹出文件选择窗口,并且只保留.csv后缀的文件;在移动端的浏览器上可以弹出文件选择窗口,但是可以选择所有文件;在快应用的web组件中会导致快应用闪退。

遇到这种情况,你要做的就是改变accept的写法,改成标准的MIME_type,csv对应写法如下(其他类型后缀的文件可以自行查阅相关标准):
  1. <input type="file" accept="text/comma-separated-values" >
复制代码
这样一来在电脑端可以弹出文件选择窗口,并且只保留.csv后缀的文件;在移动端的浏览器上可以弹出文件选择窗口,可能可以选择所有文件;在快应用的web组件中可以弹出文件选择窗口,并且只有.csv后缀的文件是可选的,其余后缀文件是灰色不可选的。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册