移动端调用手机摄像头拍照并上传到服务器
兼容IOS跟安卓
<!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>
<script src=”https://code.jquery.com/jquery-3.1.1.min.js”></script>
</head>
<body>
<div>
<div>
<span type=”primary” class=”wrapper”>
<label class=”btn” for=”payeePicture”>拍照上传照片demo</label>
</span>
<input type=”file” multiple accept=”image/*” name=”myPic” id=”payeePicture” onchange=\’uploadVideo(obj)\’>
</div>
</div>
<script src=”http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js”></script>
<script>
function uploadVideo(obj) {
var file = document.getElementById(\’payeePicture\’).files[0];
var val = obj.value;
console.log(“val”,val)
var storeAs = “wx/gzh/pic/” + times() + “.jpg”;
$.ajax({
url:\’url\’,
type: “POST”,
dataType: “json”,
beforeSend: function (xhr) {
token = localStorage.getItem(“token”);
xhr.setRequestHeader(“Authorization”, token);
},
contentType: “application/json”,
data: JSON.stringify({
}),
success: function (data) {
if(data.ResultType === 0 ) {
let client = new OSS.Wrapper({
// 阿里云OSS
accessKeyId: data.AppendData.accessKeyId,
accessKeySecret: data.AppendData.accessKeySecret,
stsToken:data.AppendData.securityToken,
endpoint: \’oss-cn-hangzhou.aliyuncs.com\’,
bucket: \’tsres\’,
});
client.multipartUpload(storeAs, file).then(function (result) {
// 回调成功的 result
}).catch(function (err) {
})
}
},
error: function(reeor){
}
})
};
function times() {
var time = new Date();
var y = time.getFullYear();
var m = time.getMonth() + 1;
var d = time.getDate();
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
// console.log(y);
return “” + y + add0(m) + add0(d) + add0(h) + add0(mm) + add0(s);
}
function add0(m) {
return m < 10 ? \’0\’ + m : m;
}
</script>
</body>
</html>
版权声明：本文为xiaojiaeiyo原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。