uniapp框架下H5上传文件

uniapp框架下H5上传文件,第1张

背景:

uniapp 开发中, uni.chooseImage 选择文件进行上传到服务器。在 app plus 的情况加可以使禅塌和用 uni.uploadFile 。但是在贺盯 H5 的条件下选择文件的格式为 blob:file:///1234567777 ,没有办法使用 uni.uploadFile 。目前可以使用 XMLHttpRequest 上衫镇传。

• name : 文件判举名,不包含路径。

• type : 文件类型。图片类型的文件都会以 image/ 开头,可以由此来限制只允许

上传图片。

• size : 文件大小。可以根据文件大小来进行其他 *** 作。

• lastModified : 文件最后修改的时间。

input 中有个 accept 属性,可以用来规定能够通过文件上传进行提交的文件

类型。 accept="image/*" 可以用来限制只掘迟碧允许上传图像格式。但是在 Webkit 浏览器

下却出现了响应滞慢的问题,要等上好几秒才d出文件选择框 解决方法就是将 * 通配符改为指旦游定的 MIME 类型。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>

<body>

<input type="file" id="files" accept="image/gif,image/jpeg,image/jpg,image/png">

<script>

var elem = document.getElementById('files')

elem.onchange = function () {

console.log(this.files)

}

</script>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/8164438.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存