<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文件上傳
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。