在做一个H5项目,需要上传图片,使用文件上传框<input type='file' />实现:
<input type="file" class="chooseImage" accept=".jpg,.jpeg,.png" />
在UC浏览器、QQ浏览器中都没有问题,但H5页面在微信浏览器中打开时,微信提示:“没有应用可执行此操作”
解决方法:把accept去掉就行了:
<input type="file" class="chooseImage" />
需要控制上传的是图片的话,可以用在js中控制:
$('.chooseImage').on('change',function(e){
// 检查是否是图片
var filePath = $(this).val(),
fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase();
if( !fileFormat.match(/.png|.jpg|.jpeg/) ) {
showError('文件格式必须为:png/jpg/jpeg');
return;
}
}