您的位置：首页 > 其它

HLMT5中input实现多种文件上传,视频上传,图片上传，调用手机摄像头，照相机，相册功能

2017-09-30 16:42 1131 查看

HLMT5中input实现多种文件上传,视频上传,图片上传，调用手机摄像头，照相机，相册功能

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>HLMT5中input实现多种文件上传,视频上传,图片上传，调用手机摄像头，照相机，相册功能</title>
</head>
<style>

</style>
<body>
<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">
</body>
<script src="jquery-1.12.3.min.js"></script>
<script>
function readURL(input) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {

$('#blah').attr('src', e.target.result);

}

reader.readAsDataURL(input.files[0]);

}

}

$("#imgInp").change(function(){

readURL(this);

});
</script>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航