小程序文件上傳uploadFile

阿新 • • 發佈：2018-06-18

har 獲得處理 gets tac ems filelist 設置 getname

前臺代碼:

bindPhoto(e) { var that = this; wx.chooseImage({ count: 1, sizeType: [‘original‘,‘compressed‘],// 指定原圖或者壓縮圖 sourceType: [‘album‘, ‘camera‘], // 指定圖片來源 success: function (res) { var tempFilePaths = res.tempFilePaths; wx.uploadFile({ url: ‘http://192.168.31.111:8007/goods/wx_upload.do‘, filePath: tempFilePaths[0], name: ‘file‘, header: { "Content-Type": "multipart/form-data" }, formData:{ ‘session_token‘: token }, success:function(res){ var cur_data = res.data; console.log(cur_data.fileName); }, fail: function (res) { console.log(‘上傳失敗‘); } }) } }) }, 後臺代碼

/* 
微信小程序上傳圖片測試*/
@RequestMapping("wx_upload.do")
public void wx_upload(HttpServletRequest request, HttpServletResponse response) throws Exception {
    request.setCharacterEncoding("utf-8");  //設置編碼
//獲得磁盤文件條目工廠
DiskFileItemFactory factory = new DiskFileItemFactory();
    ServletFileUpload upload = new ServletFileUpload(factory);
    String fileId = null;
    String json = "{\"success\":false,\"fileName\":\"" + fileId + "\"}";
    String pathUrl = FSDefaultMgr.E_DEFAULT 
.getDefaultUploadPathUrl();//獲取圖片服務器路徑
InputStream inStream = null;
    try {
        //可以上傳多個文件
List<FileItem> list = (List<FileItem>)upload.parseRequest(request);
        for(FileItem item : list){
            //獲取表單的屬性名字
String name = item.getFieldName();
            //如果獲取的 表單信息是普通的 文本 信息
if(item.isFormField()){
                // 
獲取用戶具體輸入的字符串 ，名字起得挺好，因為表單提交過來的是 字符串類型的
String value = item.getString() ;
                request.setAttribute(name, value);
            }else {
                //獲取路徑名
String filename = item.getName();
                request.setAttribute(name, filename);
                inStream = item.getInputStream() ;
            }
        }
        ByteArrayOutputStream swapStream = new ByteArrayOutputStream();
        byte[] buff = new byte[100];
        int rc = 0;
        while ((rc = inStream.read(buff, 0, 100)) > 0) {
            swapStream.write(buff, 0, rc);
        }
        byte[] bytes = swapStream.toByteArray();
        fileId = FastDFSClient.uploadFile(bytes, "20161545454.png", null);
        if (fileId != null) {
            json = "{\"success\":true,\"pathUrl\":\"" + pathUrl + "\",\"fileName\":\"" + fileId + "\"}";
        }
        response.getWriter().write(json);
        response.getWriter().flush();
        response.getWriter().close();
    }catch (Exception e) {
        e.printStackTrace();
    }
}



當使用的是springMVC框架時：

SpringMVC中servletFileUpload.parseRequest(request)解析為空獲取不到數據問題

原因分析

首先我們來看下Spring mvc 中文件上傳的配置

<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="defaultEncoding" value="UTF-8" />
<property name="maxUploadSize" value="2000000000" />
</bean>

再來看看Controller中使用

public void upload2(HttpServletRequest request) {
// 轉型為MultipartHttpRequest
try {
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
List<MultipartFile> fileList = multipartRequest.getFiles("file");
for (MultipartFile mf : fileList) {
if(!mf.isEmpty()){
}
}
} catch (Exception e) {
e.printStackTrace();
}
}

方式二

public String upload(HttpServletRequest request,
@RequestParam(value = "file") MultipartFile[] files) {
try {
for (MultipartFile mf : files) {
if(!mf.isEmpty()){
}
}
} catch (Exception e) {
e.printStackTrace();
}
return "upload";
}

這裏springMVC 都為我們封裝好成自己的文件對象了,轉換的過程就在我們所配置的CommonsMultipartResolver這個轉換器裏面下面再來看看它的源碼

他的轉換器裏面就是調用common-fileupload的方式解析,然後再使用parseFileItems()方法封裝成自己的文件對象 .

List<FileItem> fileItems = ((ServletFileUpload) fileUpload).parseRequest(request);

大家應該發現了上面的這句代碼,已經使用過fileUpload解析過request了,你在Controller裏面接收到的request都已經是解析過的,你再次使用upload進行解析獲取到的肯定是空,這個就是問題的所在(大家可以在servlet裏面實驗,看看第二次解析後能不能獲取到數據,當然是不能的)

解決方案

1)刪除Spring MVC文件上傳配置

<!--
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="defaultEncoding" value="UTF-8" />
<property name="maxUploadSize" value="2000000000" />
</bean>
-->

在控制器裏面自己完成request的解析(當然上面spring MVC提供的兩種方法是不能用的,所有上傳的地方都需要自己做處理)

public void upload3(HttpServletRequest request) {
DiskFileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
try {
List<FileItem> list = upload.parseRequest(request);
for(FileItem item : list){
if(item.isFormField()){
}else{
//item.write(new File(""));
}
}
} catch (FileUploadException e) {
e.printStackTrace();
}
}


2)如果是需要使用的ProgressListener監聽器我們可以重寫 CommonsMultipartResolver的parseRequest方法

package com.lwp.spring.ext;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUpload;
import org.apache.commons.fileupload.FileUploadBase;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.springframework.web.multipart.MaxUploadSizeExceededException;
import org.springframework.web.multipart.MultipartException;
import org.springframework.web.multipart.commons.CommonsMultipartResolver;
import com.lwp.listener.FileUploadListener;
public class CommonsMultipartResolverExt extends CommonsMultipartResolver {
@Override
protected MultipartParsingResult parseRequest(HttpServletRequest request)
throws MultipartException {
FileUploadListener listener = new FileUploadListener();
String encoding = determineEncoding(request);
FileUpload fileUpload = prepareFileUpload(encoding);
fileUpload.setProgressListener(listener);
try {
List<FileItem> fileItems = ((ServletFileUpload) fileUpload).parseRequest(request);
return parseFileItems(fileItems, encoding);
}
catch (FileUploadBase.SizeLimitExceededException ex) {
throw new MaxUploadSizeExceededException(fileUpload.getSizeMax(), ex);
}
catch (FileUploadException ex) {
throw new MultipartException("Could not parse multipart servlet request", ex);
}
}
}

監聽器方法

import org.apache.commons.fileupload.ProgressListener;
public class FileUploadListener implements ProgressListener {
@Override
public void update(long arg0, long arg1, int arg2) {
//arg0 已經上傳多少字節
//arg1 一共多少字節
//arg2 正在上傳第幾個文件
System.out.println(arg0 +"\t" + arg1 +"\t" + arg2);
}
}

配置文件改為我們自己的(這種方式的缺陷是,所有文件上傳都需要使用到Listener)

<bean id="multipartResolver"
class="com.lwp.spring.ext.CommonsMultipartResolverExt">
<property name="defaultEncoding" value="UTF-8" />
<property name="maxUploadSize" value="2000000000" />
</bean>

註: 綜上所述,如果只是普通的文件上傳spring MVC 完全可以完成,如果需要使用進度條的listener前段可以使用假的進度條或者是上面的兩種方式.

小程序文件上傳uploadFile

har 獲得處理 gets tac ems filelist 設置 getname 前臺代碼: bindPhoto(e) { var that = this; wx.chooseImage({ count: 1, sizeType: [‘original‘,‘c

小程序文件上傳uploadFile

SpringMVC中servletFileUpload.parseRequest(request)解析為空獲取不到數據問題

原因分析

解決方案

小程序文件上傳uploadFile

簡易遠程文件上傳

JavaScript實現拖拽預覽，AJAX小文件上傳

阿裏雲 oss 小文件上傳進度顯示

Eclipse中git插件導入遠程庫和上傳項目源代碼到遠程庫

每天學習一個小功能：java文件上傳

Servlet編程專題11之Servlet3.0特性實現文件上傳

小程序用thinkPHP上傳文件到騰訊雲對象存儲空間

.Net Core小技巧 - 使用Swagger上傳文件

小程序多圖片上傳組件封裝及使用

WebLogic 任意文件上傳遠程代碼執行漏洞（CVE-2018-2894）------->>>任意文件上傳檢測POC

java中遠程http文件上傳及file2multipartfile

Python入門學習-DAY32-鏈接循環與通信循環，粘包問題，遠程控制，文件上傳與下載

Git----創建遠程分支，並將文件上傳到創建的遠程分支上

記錄小文件上傳的幾個例子（含進度條效果，附源碼下載）

小程式的圖片上傳wx.uploadFile及後臺PHP接收檔案並存儲到伺服器

SpringMVC文件上傳下載

【php】面向過程的文件上傳過程

使用ajax提交form表單，包括ajax文件上傳轉http://www.cnblogs.com/zhuxiaojie/p/4783939.html

delphi項目程序輸出編譯成應用程序文件

小程序文件上傳uploadFile

SpringMVC中servletFileUpload.parseRequest(request)解析為空獲取不到數據問題

原因分析

解決方案

相關推薦