1. 程式人生 > >使用SpringMV自帶的CommonsMultipartFile實現圖片上傳功能

使用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; }

相關推薦

使用SpringMVCommonsMultipartFile實現圖片功能

說明 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 是否 在開發的時候經常遇到這樣的需求,用戶在上傳圖片的時候,想要看到自己上傳的圖片是否正確,這時候需要把用戶上傳的圖片及時顯示出來,然後等他點擊上傳的時候,程序再執行上傳到服務器。 <!