快应用中web组件input上传文件时accept注意事项

快应用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后缀的文件是可选的,其余后缀文件是灰色不可选的。

猜你喜欢

转载自blog.csdn.net/yyoinge/article/details/81063147
今日推荐