# java原生文件上传

**Repository Path**: codergjt/java_native_file_upload

## Basic Information

- **Project Name**: java原生文件上传
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2018-08-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# java原生文件上传组件

#### 项目介绍
原生java文件上传，不含插件。

#### 软件架构
软件架构说明：无


#### 安装教程

1. git clone https://gitee.com/codergjt/javaSimpleFileUpload.git

2. 导入eclipse or idea中

3. 运行程序

   前端js处理代码

   ```javascript
   /**
    * @author gjt
    */
   let str= 'http://localhost:8080/fileUpload/timg.jpg';
   window.onload=function(){
   	$("#img0").attr("src",str);
   	show();
   }
   
   function getObjectURL(file){
   	var url = null;
   	if(window.createObjectURL !=undefined){
   		url = window.createObject(file);
   	}else if(window.URL !=undefined){
   		url = window.URL.createObjectURL(file);
   	}else if(window.webkitURL !=undefined){
   		url = window.webkitURL.createObjectURL(file);
   	}
   	return url;
   }
   $(function(){	
   	$("#file0").change(function(){
   		var objUrl=getObjectURL(this.files[0]);
   		console.log("obUrl = " + objUrl);
   		if(objUrl){
   			$("#img0").attr("src",objUrl);
   		}
   	});
   })
   
   function getPicture(){ 
   	var formData = new FormData($( "#form" )[0]);
   	$.ajax({  
   		url: '../FileUpload',  
   		type: 'POST',  
   		data: formData,  
   		cache: false,
   		async:false,
   		contentType: false,  
   		processData: false,  
   		success: function (data) {  
   			$("#img0").attr("src",str);
   			show(); 
   		},  
   		error: function (data) {  
   			alert("上传失败");  
   		}  
   	});   
   }	
   ```

   后端文件上传处理接口：

   ```java
   
   ```

#### 使用说明

1. 修改tomcat的Service.xml的配置

   ```xml
          <!--主要是这里,docBase是服务器或者本地的物理位置,path是浏览器上访问的地址,这样当浏览器上访问/项目名/headimg/big的时候,tomcat就会根据docBase的物理路径去查找图片了-->
         <Context docBase="D:/fileUpload/" path="/fileUpload"/>
   ```

   2.找到建立对应文件夹实现文件上传。

#### 参与贡献

1. Fork 本项目
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request