//判斷文件類型
function isImageFile(file) {
if(file.type) {
return /^image\/\w+$/.test(file.type);
} else {
return /\.(jpg|jpeg|png|png)$/.test(file);
}
}
//文件上傳代碼 手動構造 點擊按鈕 選擇文件後直接上傳到服務器
$('.selectFileClass02').after('<input type="file" id="load_xls" accept="image/*" name="file" style="display:none" onchange ="uploadFile()">');
$('body').on('click','.selectFileClass02',function(){
console.log('點擊了上傳文件');
document.getElementById("load_xls").click();
});
function uploadFile() {
var file = jq('#load_xls')[0].files[0];
console.log(file);
console.log('名稱:',file.name);
console.log('類型:',file.type);
console.log('大小:',file.size);
var typeStr = file.type;
var isImageFlag = typeStr.indexOf('image/');
if(isImageFlag == -1){
alert('請選擇圖片文件');
return false;
}
var myform = new FormData();
myform.append('file',jq('#load_xls')[0].files[0]);
myform.append('category','decorate_case');
myform.append('width',330);
myform.append('height',220);
jq.ajax({
url: '/file/upload02',
dataType:'json',
type: 'POST',
async:false,
data: myform,
contentType: false,
processData: false,
success: function (data) {
if(data.code == 100){
console.log('文件上傳成功');
console.log('文件路徑:',data.fileUrl);
jq('#file_name').html(data.ordinal_name);
jq('#preview').attr('src',data.fileUrl);
jq('#preview').parent().attr('href',data.fileUrl);
jq('#preview').parent().attr('target','_blank');
jq('#preview').parent().css('display','block');
}else if(data.code == 106 || data.code == 103){
alert(data.msg);
}else if(data.code == 101){
console.log('fuck:',data);
}else{
alert('服務器異常123');
console.log(data);
}
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert('服務器異常456');
console.log(XMLHttpRequest);
console.log('------------------');
console.log('status: ',XMLHttpRequest.status);
console.log('readyState: ',XMLHttpRequest.readyState);
console.log('textStatus: ',textStatus);
}
});
}