多文件上傳
$('#file').change(function(e){
var files=e.target.files;
var obj={};
var mediaArray=[];
for(var i=0;i<files.length;i++){
var item=files[i];
obj={
name:item.name, //文件名稱
size:item.size, //文件大小
type:item.type.split('/')[1], //文件類型
}
mediaArray.push(obj);
}
})
單文件上傳
$('#file').change(function(){
var file=e.target.files[0];
var fileType =file.name.split('.')[1];//獲取文件后綴名 不同文件獲取后綴名 方式不同
var fileSize=file.size/1000; //文件大小
var fileName=file.name; //文件名稱
var reader=new FileReader();
//使用該對象讀取file文件
reader.readAsDataURL(file);
var obj={
name:fileName,
size:fileSize,
type:fileType
}
fileArray.push(obj);
})
上傳圖片
$('#chooseImage').on('change',function(e){
// 檢查是否是圖片
var filePath = $(this).val(),
fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase();//獲取文件后綴名
//檢查后綴名
if( !fileFormat.match(/.png|.jpg|.jpeg/) ) {
showError('文件格式必須為：png/jpg/jpeg');//showError是另外寫的一個顯示錯誤信息的function
return;
}
//獲取并記錄圖片的base64編碼
var reader = new FileReader();
reader.readAsDataURL(e.target.files[0]); // 讀出 base64
reader.onloadend = function () {
// 圖片的 base64 格式, 可以直接當成 img 的 src 屬性值
var dataURL = reader.result;//base64
// 顯示圖片
$('#showImg').attr('src',dataURL);
};
});
限制上傳格式
<input type="file" id="uploadFile" accept=".ppt,.pdf,.pptx"> //只能上傳文件.ppt .pdf .pptx后綴的文件
