java web 文件上傳 到 服務器

//判斷文件類型
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);
			            }
			        });
    			}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章