1. 程式人生 > >Servlet3.0 多圖片,文件上傳

Servlet3.0 多圖片,文件上傳

表單設計 分析 cep 路徑 tomcat服務 zh-cn upd jpg 表單元

1.分析

上傳文件的過程:客服端選擇一個文件後,寫入到服務器端,服務器端使用一個目錄來存儲該文件--底層IO流操作

2.jsp文件上的表單設計

表單傳輸格式用multipart/form-data,要上傳的文件input標簽name屬性最好用同樣的前綴或者後綴好獲取

<form method="post" class="form-x" action="${pageContext.request.contextPath}/UserServlet.action?method=updateImg"   enctype="multipart/form-data" >  
              <
div class="form-group"> <div class="label"> <label>圖片:</label> </div> <div class="field"> <input type="text" class="input tips" style="width:25%; float:left;" data-toggle="hover" data-place
="right" data-image="${pageContext.request.contextPath}/images/headimg.jpg" /> <input type="file" class="button bg-blue margin-left" name="myfile1" style="float:left;"> <div class="tipss">圖片尺寸:500*500</div> </div> </
div> <div class="field"> <button class="button bg-main icon-check-square-o" type="submit"> 提交</button> </div> </form>

3後臺Servlet處理

1.Servlet 上增加註解@MultipartConfig一定要寫 )不寫嘿嘿你可以試試讓你瘋狂卻找不到錯誤代碼

@MultipartConfig
public class UserServlet extends HttpServlet {

content-disposition頭字段不懂點鏈接:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Content-Disposition

高版本瀏覽器現在F12看不到這個信息了


public
void updateImg(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //傳虛擬路徑返回真實路徑 String path = this.getServletContext().getRealPath("/images"); //要解析文件域 要用getPart方法 getPart方法得到的是一個文件域 //使用getParts()獲取表單使用multipart/form-data傳輸格式發過來的請求體,其中包含了文件域參數 //返回的是Part對象的集合,每個Part就是表單中的一個參數,可以是普通表單元素(如文本框),也可以是特殊的File(文件域) Collection<Part> parts = request.getParts(); for (Part part : parts) { //獲取請求體中的參數名字 String name = part.getName();      
       
//解析表單參數,如果名稱是myfile1,說明part是一個File 當然是別的就可以用字符串比較即可比如以file開頭的: part.getName().startsWith("file")  
        if("myfile1".equals(name)){
//說明當前part是一個文件域,獲取content-disposition頭字段的值
                //格式:form-data;name="myfile1";filename="adv_1.jpg"
                String header = part.getHeader("Content-Disposition");
                String oldName = this.getOldName(header);
                //獲取新的文件名
                String newName = this.newName(oldName);
                //把文件保存在服務器的images目錄下
                part.write(path+"/"+newName);
                
                //將圖像更新到數據庫中 
                
            }
        }
        
    }
    
    //從content-disposition中獲取文件名
    public String getOldName(String header){
        //分割整個字符串,得到數組[form-data,name="myfile1",filename="adv_1.jpg"]
        String[] array = header.split(";");
        String filenameStr = array[2];        
        filenameStr = filenameStr.substring(filenameStr.indexOf("\"")+1, filenameStr.length()-1);
        return filenameStr;
    }
    //根據原始文件名生成新的文件名
    public String newName(String oldName){
        SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddhhmmssSSS");
        String format = sdf.format(new Date());
        format += oldName;
        return format;
    }

註意:這是上傳到tomcat服務器上的直接在myEclipse工作空間中是找不到的,然後把路徑存到數據庫中就可以通過瀏覽器訪問該圖片了

Servlet3.0 多圖片,文件上傳