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

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

作者: 罂粟1995 | 来源:发表于2019-02-14 16:41 被阅读0次

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/aoweeqtx.html