国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

使用WebUploader實現圖片上傳

nifhlheimr / 3188人閱讀

摘要:前言案例使用的開發工具不足之處希望各位大佬們多多指教頂包文件代碼圖片路徑選擇圖片代碼圖片上傳選完文件后,是否自動上傳。內部根據當前運行是創建,可能是元素,也可能是這里是的文件上傳方式,或者。默認值設置文件上傳域的。

前言:

????????案例使用的開發工具:eclipse

? ? ? ? 不足之處希望各位大佬們多多指教( ̄▽ ̄*)頂

1. jar包

????????

2. js文件

????????????????

3. HTML代碼

? ? ? ? ? ? ??


選擇圖片

4. js代碼

5. XML配置

? ? ? ? 5.1 web.xml

        WebUploaderServlet    WebUploaderServlet    servlet.WebUploaderServlet    WebUploaderServlet    /webUploader.do

? ? ? ? 5.2 Tomcat下的server.xml的標簽中添加

????????????????

????????????????????????

6. java代碼

? ? ? ?6.1 servlet:WebUploaderServlet.java

????????????????

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {		// TODO Auto-generated method stub			Map map=WebUploaderAction.webUploaderImg(request, response);			System.out.println("code:"+map.get("code")+" data:"+map.get("data"));			try {				response.getWriter().write(JSONObject.fromObject(map).toString());			} catch (IOException e) {				// TODO Auto-generated catch block				e.printStackTrace();			}}

? ? ? ? 6.2 class:WebUploaderAction.java

????????

package action;import java.io.File;import java.io.IOException;import java.util.HashMap;import java.util.List;import java.util.Map;import java.util.UUID;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import org.apache.commons.fileupload.FileItem;import org.apache.commons.fileupload.disk.DiskFileItemFactory;import org.apache.commons.fileupload.servlet.ServletFileUpload;public class WebUploaderAction extends HttpServlet{				// 上傳文件存儲目錄	    private static final String UPLOAD_DIRECTORY = "upload";	 	    // 上傳配置	    private static final int MEMORY_THRESHOLD   = 1024 * 1024 * 3;  // 3MB	    private static final int MAX_FILE_SIZE      = 1024 * 1024 * 40; // 40MB	    private static final int MAX_REQUEST_SIZE   = 1024 * 1024 * 50; // 50MB			public static Map webUploaderImg(HttpServletRequest request,HttpServletResponse response) {						System.out.println("webUploaderImg方法進入");						response.setCharacterEncoding("utf-8");			response.setContentType("text/json");						Map map=new HashMap();						if (!ServletFileUpload.isMultipartContent(request)) {	            // 如果不是則停止				map.put("code", 400);				map.put("data", "Error: 表單必須包含 enctype=multipart/form-data");	            return map;	        }			        // 配置上傳參數	        DiskFileItemFactory factory = new DiskFileItemFactory();	        // 設置內存臨界值 - 超過后將產生臨時文件并存儲于臨時目錄中	        factory.setSizeThreshold(MEMORY_THRESHOLD);	        // 設置臨時存儲目錄	        factory.setRepository(new File(System.getProperty("java.io.tmpdir")));	        ServletFileUpload upload = new ServletFileUpload(factory);	        // 設置最大文件上傳值	        upload.setFileSizeMax(MAX_FILE_SIZE);	         	        // 設置最大請求值 (包含文件和表單數據)	        upload.setSizeMax(MAX_REQUEST_SIZE);	        	        // 中文處理	        upload.setHeaderEncoding("UTF-8"); 	        // 構造臨時路徑來存儲上傳的文件	        // 這個路徑相對當前應用的目錄	        String uploadPath = "D:/" + UPLOAD_DIRECTORY;	        // 如果目錄不存在則創建	        File uploadDir = new File(uploadPath);	        if (!uploadDir.exists()) {	            uploadDir.mkdir();	        }	        //設置路徑參數	        String imgUrl="";	        try {	            // 解析請求的內容提取文件數據	            @SuppressWarnings("unchecked")	            List formItems = upload.parseRequest(request);	            System.out.println("c");	            if (formItems != null && formItems.size() > 0) {	                // 迭代表單數據	                for (FileItem item : formItems) {	                    // 處理不在表單中的字段	                    if (!item.isFormField()) {	                    	//獲取上傳文件的名稱	                        String fileName =UUID.randomUUID().toString()+".png";//防重名	                        //指定的類型	                        String filePath = uploadPath + File.separator + fileName;	                        File storeFile = new File(filePath);	                        // 在控制臺輸出文件的上傳路徑	                        System.out.println("文件上傳成功:"+filePath);	                        // 保存文件到硬盤	                        item.write(storeFile);	                        imgUrl="/" + UPLOAD_DIRECTORY + "/" + fileName;//不可以直接filePath	                        System.out.println("imgUrl:"+imgUrl);	                    }	                }	            }	        } catch (Exception ex) {	            ex.printStackTrace();	        }	        map.put("code",200);	        map.put("data", imgUrl);	        return map;		}}

7. 效果展示

????????

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/124029.html

相關文章

  • 在Vue項目中使用WebUploader實現文件上傳

    摘要:簡介是由團隊開發的一個簡單的以為主,為輔的現代文件上傳組件。采用大文件分片并發上傳,極大的提高了文件上傳效率。另外分片傳輸能夠更加實時的跟蹤上傳進度。選擇文件的按鈕。 簡介:WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5為主,FLASH為輔的現代文件上傳組件。在現代的瀏覽器里面能充分發揮HTML5的優勢,同時又不摒棄主流IE瀏覽器,沿用原來的...

    mindwind 評論0 收藏0
  • 在Vue項目中使用WebUploader實現文件上傳

    摘要:簡介是由團隊開發的一個簡單的以為主,為輔的現代文件上傳組件。采用大文件分片并發上傳,極大的提高了文件上傳效率。另外分片傳輸能夠更加實時的跟蹤上傳進度。選擇文件的按鈕。 簡介:WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5為主,FLASH為輔的現代文件上傳組件。在現代的瀏覽器里面能充分發揮HTML5的優勢,同時又不摒棄主流IE瀏覽器,沿用原來的...

    endiat 評論0 收藏0
  • 在Vue項目中使用WebUploader實現文件上傳

    摘要:簡介是由團隊開發的一個簡單的以為主,為輔的現代文件上傳組件。采用大文件分片并發上傳,極大的提高了文件上傳效率。另外分片傳輸能夠更加實時的跟蹤上傳進度。選擇文件的按鈕。 簡介:WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5為主,FLASH為輔的現代文件上傳組件。在現代的瀏覽器里面能充分發揮HTML5的優勢,同時又不摒棄主流IE瀏覽器,沿用原來的...

    funnyZhang 評論0 收藏0
  • 移動端開發(使用webuploader上傳圖片,客戶端交互,修改alert彈窗等)

    摘要:之前實習做的一個移動端的頁面需要的功能有圖片上傳點擊客戶端的返回按鈕有提示即與客戶端有交互遇到不少的坑總結一下問題圖片上傳功能使用工具百度的暫時遇到的坑刪除圖片實際上并沒有完全刪除需要自己在源碼上添加詳情看的提問上傳的圖片旋轉角度有問題比 之前實習做的一個移動端的頁面 需要的功能有圖片上傳 點擊客戶端的返回按鈕 有提示(即與客戶端有交互) 遇到不少的坑 總結一下問題 1.圖片上傳功能 ...

    李昌杰 評論0 收藏0
  • WebUploader上傳插件使用說明

    摘要:否則強制轉換成指定的類型。是否要分片處理大文件上傳還有其他配置項上傳事件選擇需要上傳的文件后,文件就會加入文件隊列,并觸發事件上傳進度回調事件,在文件上傳中,多次調用此事件當文件上傳成功時觸發當文件上傳出錯時觸發。 WebUploader簡述 具有兩套運行時支持:HTML5與FLASH 分片、并發 預覽、壓縮 多途徑添加文件 MD5驗證 引入文件 雖然官方沒說必須要引入JQuery...

    xbynet 評論0 收藏0
  • WebUploader上傳插件使用說明

    摘要:否則強制轉換成指定的類型。是否要分片處理大文件上傳還有其他配置項上傳事件選擇需要上傳的文件后,文件就會加入文件隊列,并觸發事件上傳進度回調事件,在文件上傳中,多次調用此事件當文件上傳成功時觸發當文件上傳出錯時觸發。 WebUploader簡述 具有兩套運行時支持:HTML5與FLASH 分片、并發 預覽、壓縮 多途徑添加文件 MD5驗證 引入文件 雖然官方沒說必須要引入JQuery...

    羅志環 評論0 收藏0

發表評論

0條評論

nifhlheimr

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<