微信浏览器中点击文件上传框提示没有应用可执行此操作

2019-02-14  本文已影响0人  罂粟1995

在做一个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;  
        }
}
上一篇 下一篇

猜你喜欢

热点阅读