使用SpringMV自帶的CommonsMultipartFile實現圖片上傳功能
說明
1.前端上傳檔案必須用表單上傳
/**
* 上傳圖片
*
* @param params
* @return
*/
@RequestMapping(value = "/uploadImage", method = RequestMethod.POST)
public @ResponseBody Map<String, Object> handleFileUpload(@RequestParam("file") CommonsMultipartFile file) {
Map<String, Object> result = new HashMap<String, Object>();
if (file == null) {
result.put("code", 0);
result.put("message", "檔案不能為空");
result.put("data", new HashMap<>());
}
FileItem item = file.getFileItem();
String fileName = "";
String fileSuffix = "" ;
if (!item.isFormField()) {
String name = item.getName();
if (StringUtils.isNotEmpty(name)) {
fileSuffix = name.substring(name.lastIndexOf(".") + 1, name.length());//獲取檔案字尾名
fileName = CodeGenerator.getUUID() + "." + fileSuffix;//檔案重新命名,防止重複檔案
}
}
String bathPath = SysConfig.getPropertiesByKey("uploadPath");//硬碟上的路徑
String currentPath = "/image/" + CommonUtil.getUserId();
String path = bathPath + currentPath;
File dest = new File(bathPath + currentPath);
if (!dest.exists()) {//目錄不存在,建立目錄
dest.mkdirs();
}
System.out.println(path + fileName);
if (!file.isEmpty()) {
try {
byte[] bytes = file.getBytes();
BufferedOutputStream stream = new BufferedOutputStream(new FileOutputStream(new File(dest, fileName)));
stream.write(bytes);
stream.close();
result.put("code", 1);
result.put("message", "success");
result.put("data", currentPath + "/" + fileName);
} catch (Exception e) {
result.put("code", 0);
result.put("message", e.toString());
System.out.println(e.toString());
result.put("data", new HashMap<>());
}
} else {
result.put("code", 0);
result.put("message", "檔案不能為空");
System.out.println("檔案不能為空");
result.put("data", new HashMap<>());
}
return result;
}
相關推薦
使用SpringMV自帶的CommonsMultipartFile實現圖片上傳功能
說明 1.前端上傳檔案必須用表單上傳 /** * 上傳圖片 * * @param params * @return */ @RequestMapping(value = "/uploadImage"
elementUI+koa實現圖片上傳功能
elementUI中的上傳元件為: 大家可以先在自己的專案中執行一下餓了麼上傳元件 <el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :o
CKEditor4.7之使用Java實現圖片上傳功能
1.官網下載CKEditor,基礎包,標準包,全包選擇其一。地址:https://ckeditor.com/ckeditor-4/download/ 2.下載檔案後將其解壓至WebRoot資料夾下,解壓前可以新建一個包檔案FckEditor 3.開啟ckeditor\plugin
使用 MultipartFile 結合 (formData物件、Blob物件) 實現圖片上傳功能簡介
圖片上傳功能的具體實現(當然檔案也一樣): MultipartFile ,這個類可以完全接收到前臺傳過來的圖片資料。 MultipartFile 通過 MultipartFile .transferTo( new File()), 僅需要這步驟,就可以把圖片存到伺
微信小程式實現圖片上傳功能
前端: 微信開發者工具 後端:.Net 伺服器:阿里雲 這裡介紹微信小程式如何實現上傳圖片到自己的伺服器上 前端程式碼 data: { productInfo: {} }, //上傳圖片 uploadImage: function () { var that
React Native 使用react-native-image-picker庫實現圖片上傳功能
react-native-image-picker作為一個整合相機和相簿的功能的第三方庫,因為其使用相對簡單受到前端開發人員的喜愛。 react-native-image-picker使用 1, 首先,安裝下該外掛。 npm install rea
帶裁剪的圖片上傳功能jquery外掛
實現圖片上傳及圖片裁剪功能,時間比較倉促,目前只允許單圖片有裁剪功能,其中圖片裁剪用到了imgareaselect外掛,其實前端是偽裁剪,將裁減座標傳遞給後臺處理,需後臺配合,備份一下程式碼/** * Created by lgy on 2017/11/25. * 圖片
《React-Native系列》26、 ReactNative實現圖片上傳功能
在檢視ReactNative的官方文件的時候,你會發現其實Fackbook是沒有提供圖片上傳功能的。如果我們的專案裡需要使用圖片上傳(用JS 實現圖片上傳),那我們有沒有什麼辦法呢?解決方案:利用FormData物件,你可以使用一系列的鍵值對來模擬一個完整的表單,然後使用XM
java模擬表單上傳檔案,java通過模擬post方式提交表單實現圖片上傳功能例項
package com.zdz.httpclient;import java.io.BufferedReader;import java.io.DataInputStream;import java.io.DataOutputStream;import java.io.File;import java.io.
SSM框架修改資料中實現圖片上傳功能
第一步:當然是需要加入必要的兩個jar包 commons-fileupload-1.3.jar、commons-io-1.2.jar 或者引入依賴: <dependency> <groupId>commons-
Spring MVC 實現圖片上傳功能
Spring MVC 實現圖片上傳 使用者必須能夠上傳圖片,因此需要檔案上傳的功能。比較常見的檔案上傳元件有Commons FileUpload(http://jakarta.apache.org/commons/fileupload/a>)和COS FileUpload(http://www.s
AJAX實現圖片上傳和預覽(傳統ajax與jQuery AJAX;帶圖片的表單提交)
一、通過Servlet3.0和傳統的AJAX實現圖片上傳和預覽 此方法也適用於帶圖片的表單提交 上傳時預覽圖片  
PHP圖片上傳功能實現
php file 圖片上傳 上傳圖片功能:獲取當前文件夾位置,上傳到當前文件夾下為了上傳後文件名重復導致覆蓋,上傳後更改名字為:當前時間+原文件名只允許gif、jpeg、bmg、jpg格式的文件上傳<form name="frm1" enctype="multipart/form-data"
CKEditor實現圖片上傳,並且回調圖片路徑
js文件 文件上傳 hid class mode 兩種方法 review 重名 action CKEditor編輯器的工具欄中初始的時候應該是這樣子的,沒有圖片上傳按鈕 並且預覽中有一堆火星文,可以修改相應配置刪除它。 第一種方法:打開ckeditor/plugins/im
微信端調取相冊和攝像頭,實現圖片上傳,並上傳到本地服務器
配置 epic 替換 pan source 工具 alert 調試 family 在微信公眾號網頁開發時,遇到了圖片上傳的問題,查看了微信的開發者文檔,裏面的資料比較全。接著我們看一下整個的流程 1、config權限配置 $.ajax({ url:‘wx_getC
HTML5+Canvas+jQuery調用手機拍照功能實現圖片上傳(二)
customer mkdir 狀態保存 ont false lan else if 項目 action 上一篇僅僅講到前臺操作,這篇專門涉及到Java後臺處理。前臺通過Ajax提交將Base64編碼過的圖片數據信息傳到Java後臺,然後Java這邊進行接收處理。通過
Vue2.0 引用 exif.js 實現調用攝像頭進行拍照功能以及圖片上傳功能
[0 complete num else imp ada blob can isf vue組件代碼 <template> <div> <div style="padding:20px;"> <div cla
一個完整的springmvc + ajaxfileupload實現圖片上傳的案例
multipart per cnblogs not his let facade func connector 一,原理 詳細原理請看這篇文章 springmvc + ajaxfileupload解決ajax不能異步上傳圖片的問題。java.lang.ClassCastEx
formData實現圖片上傳
call 目錄 encode 之前 html 上傳圖片 tar ade keep 前言 在 上一篇 已經實現了圖片預覽,那麽如何上傳圖片呢?有兩種思路: 1、將圖片轉化為dataURL(base64),這樣就成為了一串字符串,再傳到服務端。不過這樣缺點很多,數據量比
js實現圖片上傳實時顯示
input res window splay ack 顯示 style rip 是否 在開發的時候經常遇到這樣的需求,用戶在上傳圖片的時候,想要看到自己上傳的圖片是否正確,這時候需要把用戶上傳的圖片及時顯示出來,然後等他點擊上傳的時候,程序再執行上傳到服務器。 <!