JavaWeb檔案上傳圖片到非工程目錄,然後前端訪問
然後我們將上傳圖片到後臺,然後前端html使用<img src="">訪問,有2中方法
1.使用請求的方式,src="請求後臺路徑",後臺以輸出流的方式返回檔案即可
後臺程式碼:
@RequestMapping("/getimgs") public void getimg(String saveAddress ,HttpServletRequest request, HttpServletResponse response) throws IOException{ try{ FileInputStream hFile = new FileInputStream(saveAddress); // 以byte流的方式開啟檔案 d:\1.gif int i=hFile.available(); //得到檔案大小 byte data[]=new byte[i]; hFile.read(data); //讀資料 hFile.close(); response.setContentType("image/*"); //設定返回的檔案型別 OutputStream toClient=response.getOutputStream(); //得到向客戶端輸出二進位制資料的物件 toClient.write(data); //輸出資料 toClient.close(); } catch(IOException e) //錯誤處理 { PrintWriter toClient = response.getWriter(); //得到向客戶端輸出文字的物件 response.setContentType("text/html;charset=gb2312"); toClient.write("無法開啟圖片!"); toClient.close(); } }
2.第二種方法即建立一個檔案伺服器
目錄結構如圖%tomcat%/webapps/
imgs表示一個檔案目錄,放上傳的檔案
其他目錄可以是你的web工程目錄
注意:webapps下面的目錄前臺是可以訪問的。,所以直接src可以定位到該檔案,就不用以後臺請求返回流的方式了。
相關推薦
JavaWeb檔案上傳圖片到非工程目錄,然後前端訪問
首先,假如使用的是eclipse開發專案,那麼eclipse執行tomcat並不是tomcat安裝目錄,而是eclipse的一個外掛目錄。如果想在tomcat的安裝目錄部署專案,那麼就要修改eclipse配置tomcat的虛擬目錄。 然後我們將上傳圖片到後臺,然後前端ht
Javaweb檔案上傳圖片相對路徑問題
2018.05.15更新:如果可以使用這個方法也是可以的<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerN
ueditor上傳圖片不好用,訪問ueditor中的controller.js變成下載檔案
由於疏忽了web.xml中的servlet配置問題,將urlpattern配置成了"/" <servlet-mapping> <servlet-name>test</servlet-name> &
檔案上傳至oss後,獲取圖片縮率圖、獲取視訊截幀等後續操作
上一篇文章說了一下檔案上傳至oss:https://blog.csdn.net/new_programmer_h/article/details/84307005 這裡說一下上傳後的一些後續操作:常用的獲取圖片縮率圖、獲取視訊截幀生成封面圖。自我感覺阿里oss對於這些處理封裝的很好,只要根據:"%s|sys
javaweb網頁上傳圖片並顯示在頁面上,並在服務端存到磁碟(base64編碼解碼)
最後 服務端接收到頁面傳過來的全部的BASE64編碼後 public String uploadimgsave(String imagepath){ String url = ""; OutputStream os=null; String ImgPath="D:/img"; //檔案存放目
微信js上傳圖片並 展示,iphone下預覽
https useragent 預覽圖 shang 服務器 fun 相冊 put 相機 $(‘.addphotos‘).click(function(){ var that = $(this);
檔案上傳到本地磁碟,磁碟路徑適應window和linux
private void uploadDisk(InputStream inputStream, String fileName) { OutputStream os = null; &
JavaScript的FormData+Ajax實現檔案上傳+圖片上傳
JavaScript的FormData+Ajax實現檔案上傳+圖片上傳 在很多網頁開發中會存在檔案上傳,圖片上傳的操作,有的使用form表單預設功能提交檔案,有的採用Ajax提交 如果採用form表單的提交方式,恰恰又需要新增額外的引數或者需要設定特定的請求頭資訊,那麼這種方式就
vue 整合ueditor(百度富文字編輯器)以及使用後端Java上傳圖片到伺服器,特別注意的大坑
1.import 引入ueditor時,在封裝元件中引入,不要在mian.js內引入,在main.js內引入會造成 1.Uncaught SyntaxError: Unexpected token : 這種錯誤,屬於是跨域問題,目前不清楚是什麼原因和原理,
上傳圖片到伺服器,並且重新命名圖片-更改(小白共勉)
實現使用者註冊功能,使用者上傳頭像放在imgs的目錄下,所涉及檔案分別是register.html(註冊),conn.php(連線資料庫),img.php(上傳圖片與更改圖片名稱,改成了是一個函式,返回 圖片儲存位置+圖片名稱),register.php(註冊功能) register.html介
上傳圖片到伺服器,並且重新命名圖片(小白共勉)
根據教程上更改的,含冗餘,會再改,小白共勉 檔案所含內容如下(不知道為啥編輯器不能給字型改變顏色了,鬱悶): upload資料夾為存放圖片資料夾,注意upload、imgnewname.php、index.html、upload_file.php為同一級、 為了可以多次呼叫更改名稱
Python 的request模組上傳圖片到django,資料庫儲存路徑名,後臺框架django DRF
請求方式為post方式: 上傳圖片部分 import requests def main(): with open('../2222.jpg','rb') as f: img = f.read() file = {'image':('im
Javaweb 檔案上傳到伺服器
在我們的Java web開發中,很多情況下要向伺服器上傳檔案,那麼今天我們就來學習以下如何向伺服器傳送檔案: 前期準備: jar包:向伺服器上傳檔案需要用到一些jar包,這裡用的是Apache的包commons-fileupload和commons-io 沒有這兩個jar包的
使用HttpClient4實現檔案上傳請求的傳送,伺服器端以MultipartFile形式接收(附依賴jar包地址)
今天學習使用了HttpClient4.2向服務端傳送上傳檔案的post請求,由於伺服器端採用MultipartFile形式接收,查詢資料後決定使用HttpClient4.2實現,以下是實現程式碼(僅作測試使用): public void testtask
自用 多檔案上傳圖片顯示
<style> img { width: 50px; height: auto; } </style> <template> <div id="app"> <div id="nav">
ASP.NET下如何上傳圖片到資料庫,並且讀出圖片
答1:首先在SQL Server中建立一個圖片儲存的數庫表,ImageData Column為圖象二進位制資料儲存欄位,ImageContentType Column為圖象檔案型別記錄欄位,ImageDescription Column為儲蓄圖象檔案說明欄位,ImageSiz
.net大檔案上傳報錯問題,可以通過設定iis的檔案大小和config的大小
在 Win2008(iis 7.0)和Win2003(iis 6.0) 中,預設設定是特別嚴格和安全的,這樣可以最大限度地減少因以前太寬鬆的超時和限制而造成的攻擊。 指定 ASP 請求的實體主體中允許大小為 200,000 (IIS6為204,800) 個位元組,在 ii
Android端上傳圖片到後臺,儲存到資料庫中
首先點選頭像彈出popwindow,點選相簿,相機,呼叫手機自帶的裁剪功能,然後非同步任務類訪問伺服器,上傳頭像,儲存到資料庫中, 下面寫出popwindow的程式碼 //設定popwindow public PopupWindow getPopWindow
C# HttpClient Post 引數同時上傳檔案 上傳圖片 呼叫介面
// 呼叫介面上傳檔案 using (var client = new HttpClient()) { using (var multipartFormDataContent = new MultipartFormDataContent()) { var val
iOS上傳檔案或base64(圖片)之AFNetworking 3.0+上傳檔案上傳圖片
1. base64 上傳圖片 /** * 上傳圖片到伺服器 * * @param image * @param photoID * @param photoType */ - (