javascript input file文件上传
Posted 追忆枉然
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript input file文件上传相关的知识，希望对你有一定的参考价值。
<body>
<input type="file" id="myFile" onchange="beforeUpload()">
<button onclick="selectFile()">上传</button>
<script>
var fileInput = document.getElementById("myFile");
// 选择上传文件
function selectFile(event){
fileInput.click();
}
// 上传之前操作
function beforeUpload(event){
/*
* 上传前的校验 例如
* 1.文件大小不能超过5M
**/
var file = fileInput.files[0];
var isGT5M = file.size / 1024 /1024 >50;
if(isGT5M){
alert("对不起您上传的文件大于50M 不润许上传");
}
var form = new FormData();
form.append(‘file‘, file);
// ajax上传请求
uploadFile(form)
}
function uploadFile(data){
fetch(‘http://callyou.iopooo.com/api/common/upload‘,{
method:‘POST‘,
body:data
})
.then(function(response) {
return response.json();
})
.then(function(myJson) {
console.log(myJson);
});
}
</script>
</body>
以上是关于javascript input file文件上传的主要内容，如果未能解决你的问题，请参考以下文章
使用 Javascript 上传文件将风格化 <input type='file' > 的“拒绝访问”错误返回到按钮
input file 文件上传,js控制上传文件的大小和格式