FE-阿阳的博客

一个前端程序猿的采坑之旅

华为 mate8 拍照上传图片失败

华为 mate8 拍照上传图片失败

问题描述

在上传图片时,华为 mate8 掉起相册可以正常上传,但是掉起相机拍照片时,上传失败(仅限于原生浏览器)。场景:咨询流程上传图片,上传检查检验

解决方案

通过 debugger ,发现,mate8 在原生浏览器拍照上传时,有一个小坑,拍完照获取的照片名字有两个 ‘.’ ,所以截取到的名字后台识别不了,错误名字实例为:xxxxx.xxxxx.jpg;前端解决方案如下:

// file 为文件对象
let _fileName = "",
  _rex = /\./g,
  _rex2 = /\&/g;
let _fileLocalName = "";
if (files.name.match(_rex).length == 1) {
_fileName = files.name.split(".")[1];
_fileLocalName = files.name;
} else {
_fileName = files.name.split(".")[2];
_fileLocalName =
  files.name.split(".")[0] +
  files.name.split(".")[1] +
  "." +
  files.name.split(".")[2];
}
if (_fileLocalName.indexOf("&") > 0) {
_fileLocalName = _fileLocalName.replace(_rex2, "");
}
//上传请求
api.ajax({
url: XHRList.imgCreate,
method: "POST",
data: {
  fileContent: base64
    .split(",")[1]
    .replace(/\+/g, "%2B")
    .replace(/\n/g, ""),
  fileName: _fileLocalName,
  extName: _fileName,
},
timeout: 300000,
done(res) {

},
fail(res) {

}
});
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yang450712123/article/details/79962904
个人分类: javascript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

华为 mate8 拍照上传图片失败

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭