(檔案)圖片上傳,Spring或SpringMVC框架
頁面部分,用一個簡單的form表單提交檔案,將圖片或檔案提交到服務端。一個輸入框,用於輸入圖片的最終名稱,一個file檔案選擇,用於選擇圖片。
頁面程式碼如下:
<form id="form1" > <table style="width:100%;border:0;"> <tr> <th style="width:35;text-align: center;" class="must">圖片名稱:</th> <td><input id="imgName" style="width:150px;" name="imagePath" verify="true" mustFill="true" maxlength="100" /></td> </tr> <tr id="fileSelect"> <th></th> <td> <input type="file" name="file" id="doc" style="width:150px;" onchange="javascript:setImagePreview(this);"> </td> </table> </form>
js部分,傳送一個ajax請求,先檢查名稱是否重複。沒有重複才設定form的action,然後提交表單。程式碼如下:
//傳送檢查名稱是否重複的後臺函式的請求,可以忽略 $.ajax({url:"<%=contextPath%>/imageUploadController/imageExistCheck",type:'POST',dataType:'json',data:data ,success:function(msg){ if(msg.result==false&&$("#saveOrUpdata").val()!="1"){ alert("名稱重複,請修改名稱"); return 0; }else{//沒重複或者要修改 //下面這個if用於驗證表單必填項是否都填了,忽略。 if(Common.verify($("#createForm"))){ //設定form的action $('#form1').attr('action', '<%=contextPath%>/imageUploadController/imageUpload'); $("#form1").submit(); } } },error:function(xhr){alert('錯誤\n'+xhr.result);}}); return false; });
最後是後臺程式碼,解釋都放在註釋裡,更便於觀看。
@RequestMapping(value="/imageUpload",method=RequestMethod.POST) public String upLoadImage(FireEquipmentInfo fireEquipmentInfo,HttpServletRequest req){ //轉化request MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) req; MultipartFile multipartFile = multipartRequest.getFile("file"); //獲取原檔名 String fileName = multipartFile.getOriginalFilename(); //獲取原名字尾 String fileEnd = fileName.substring(fileName.lastIndexOf(".")+1).toLowerCase(); String realName =null; //獲取專案根目錄 String imagePath=req.getSession().getServletContext().getRealPath("/"); String imageName=null; imageName=RequestUtil.getStringParameter(req, "imagePath"); //拼接路徑和最終名 imagePath+="img/login/"; realName=imageName+ "." + fileEnd; try { //例項化一個file File file = new File(imagePath); //建立路徑 if(!file.exists()) file.mkdirs(); //建立檔案 file=new File(imagePath+"/"+realName); file = new File(imagePath,realName); //檔案儲存 multipartFile.transferTo(file); } catch (Exception e) { req.setAttribute("msg", e.getMessage()); }
相關推薦
(檔案)圖片上傳,Spring或SpringMVC框架
spring或springMVC框架圖片(檔案)上傳 頁面部分,用一個簡單的form表單提交檔案,將圖片或檔案提交到服務端。一個輸入框,用於輸入圖片的最終名稱,一個file檔案選擇,用於選擇圖片。 頁面程式碼如下: <form id="form1" &g
Java伺服器部署基於OpenCV的C++影象處理專案(三)圖片上傳並返回處理圖
Java伺服器部署基於OpenCV的C++影象處理專案(三)圖片上傳並返回處理圖 1.上傳圖片並返回灰度圖功能 由於使用的springboot開發,直接寫一個upload介面供圖片上傳,以下是springboot主函式以及upload介面。 package com.e
PHP+jQuery+Ajax單(多)圖片上傳
近日寫的一個銷售管理系統中,需要使用者上傳產品的圖片,找了好多外掛,用起來都挺麻煩的而且還不好改,最後找到一篇用php和ajax做圖片上傳的,感覺程式碼挺簡單的而且改起來很容易,轉發到此處與各位分享一下: 我們在本文中用到一個Ajax表單提交外掛:jqery.
微信小程式開發(二)圖片上傳+服務端接收
上次介紹了小程式開發中的微信登入。文章: 微信小程式開發(一) 微信登入流程, 這次介紹下小程式當中常用的圖片上傳。 前幾天做了圖片上傳功能,被坑了一下。接下來我們來看一下微信的上傳api。 這裡的filePath就是圖片的儲存路徑,型別居然是個
伺服器開發之Unity3d(C#)圖片上傳下載
一、前言 遊戲中圖片的上傳下載是一個亙古不變的話題,這次在開發遊戲伺服器的過程中也不可避免的出現了圖片下載和上傳的問題。遇到了PNG圖片下載完成後透明的部分變成黑色、圖片上傳附帶驗證資訊、下載後文件不一樣的問題。 二、問題回顧 伺服器上面儲存了
在jsp頁面中新增富文字編譯器(ueditor)+ 圖片上傳功能
一次老大讓我把文字的編輯區域加一個富文字編譯器,於是馬上下載了一個kindEditor來試試,但後來老大推薦說百度的ueditor編譯器不錯,於是我便懷著擴充套件知識,又學到一個新東西的心理下載了百度的ueidtor編譯器,整合到專案中感覺確實不錯,今天就和大家分享下這個富文字編譯器的使用…… 下載
Retrofit 2.0 超能實踐(三),輕鬆實現檔案/多圖片上傳/Json字串
通過前兩篇姿勢的入門 通過對Retrofit2.0的前兩篇的基礎入門和案例實踐,掌握了怎麼樣使用Retrofit訪問網路,加入自定義header,包括加入SSL證書,基本的除錯基礎,coolkie同步,但很多需求需要檔案的上傳,今天主題就來分享怎麼
layui-圖片上傳,可使用選擇圖片->上傳圖片,預覽圖片,刪除圖片(轉載)
原文地址:https://gitee.com/AMortal/codes/qt8m6zk30u1g4evr95jhx13 <!DOCTYPE html> <html> <head> <meta
base64轉碼(簡單的get方式圖片上傳,模擬app接收圖片)
首先,我們選擇用get方式接值,所以要選取一張小一點的圖片。 將圖片放在自己的根目錄下任意位置,新建pictur.php和get_pictur.php,在目錄下建img資料夾(儲存圖片)。 在picture.php中接收圖片並且將圖片用base64加密。給一個a標籤,讓頁
Spring Boot參考教程(九)配置上傳下載
.net blog 不想 center src 默認 tps servlet odi 7.配置上傳下載 使用上傳下載的功能我們需要配置multipartResolver,先啟動工程,不做配置。 訪問端點/beans: Spring Boot默認實例化了一個Multip
IT輪子系列(六)——Excel上傳與解析,一套代碼解決所有Excel業務上傳,你Get到了嗎
tryparse mappath src 個推 列名 import ges bject tab 前言 在日常開發當中,excel的上傳與解析是很常見的。根據業務不同,解析的數據模型也都不一樣。不同的數據模型也就需要不同的校驗邏輯,這往往需要寫多套的代碼進行字段的檢驗,如必填
蘋果手機(ios)拍照上傳圖片旋轉90度問題---java後臺處理
需要先匯入包 metadata-extractor-2.3.1.jar 地址 https://github.com/drewnoakes/metadata-extractor/releases?after=2.7.0 xmpcore-5.1.2.jar 依賴包 maven下載 med
微信小程式 上傳圖片至阿里雲OSS(支援多圖片上傳)
我們先講下為什麼要把圖片檔案上傳到雲伺服器呢, 有什麼好處呢? 1、能減輕我們自己伺服器的頻寬 如果一個程式裡有多處地方用到使用者上傳圖片等功能的話,建議還是放到阿里雲或者千牛雲等其他平臺上來儲存我們的圖片,可以給公司的伺服器減少很多壓力,磁碟儲存也就不會太大 2、提升使用者體驗感
使用ASP.net(C#)批量上傳圖片並自動生成縮圖,文字水印圖,圖片水印圖
因本網站上傳圖片的需要,參考很多成熟的經驗,在ASP.net平臺上使用C#語言,做了這一自動批量上傳圖片的.ASPX檔案,並經除錯成功,在本網站上使用,現發出來供大家參考,也希望高手多加指點。 本程式主要功能有: (1)可以根據自己的需要更改上傳到伺服器上的目錄,上傳
輕量級web富文字編輯器(可帶圖片上傳)
業務需求: 通過後臺編輯文章和圖片,上傳到前端介面,展示新聞訊息模組。這個時候,需要一款簡潔的編輯器,百度編輯器是最常用的一種,但是功能太過於複雜,而wangEditor - 輕量級web富文字編輯器,配置方便,使用簡單。支援 IE10+ 瀏覽器,值得擁有。 wa
Android實現檔案,圖片上傳,以及服務端接收相關。
前面一篇文章寫了實現照相功能的一個例子,其實那個實現效果是個略縮圖。要檢視全圖就要先指定照片的存放路徑。以後我會修改那個文章。今天先說下圖片,檔案等上傳的實現。接著拿照片說事,光照完了不行還得往伺服器上傳。 我們做web開發的時候幾乎都是通過一個表單來實現上傳
多圖片上傳,多檔案上傳。外掛diyUpload.js
// 上傳圖片 $('#test').diyUpload({ url:'server/fileupload.php', success:function( data ) { console.info( d
ASP 例項:頭像上傳。檔案(圖片)上傳,頭像擷取(Jquery-ui外掛來選取擷取區域)
引入JS檔案: <link href="../Css/themes/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" /> jquery-ui的css檔案 <s
關於ajaxFileUpload圖片上傳,success和error都觸發的情況
圖片 跨域 插件 for 函數 over type secure 輸出 最近做到項目使用JQuery的插件ajaxFileUpload~~~ 遇到了非常領人匪夷所思的事情,當圖片上傳成功之後呢(success),它的error事件也被觸發了,情況就是: 後端數據正
(ajaxfileupload)ajaxfileupload 上傳時會出現連接重置的問題
plugins err cor epo poi 前臺 element overflow 你在 1.ajaxfileupload 上傳時會出現如下問題: 2. 網上有很多的解決辦法,在這裏,我又發現了一種,可能你的錯誤會是這個原因引起的 ------原因是 : 你在一般