伺服器搭建圖片上傳

1. ueditor 部署在伺服器上上傳圖片就一直顯示正在上傳，本地正常

因為你沒有配置好，上傳的文件名包含了localhost或者你本地的IP地址，換句話說，圖片的路徑是本地地址+圖片名上傳的

2. 阿里雲linux 伺服器搭建的wordpress網站,媒體庫圖片上傳了顯示不出來

首先確認下伺服器web環境是否安裝GD庫，一般都會在安裝環境的時候安裝了的，直接訪問圖片鏈接看返回什麼錯誤，如果是404，請確認/wp-content/uploads/這個目錄擁有讀寫許可權即777.

3. 使用android上傳圖片到伺服器，並且把圖片保存到伺服器的某個文件夾里

有兩種方法，第一，把你的圖片轉成位元組流，然後用post方法把位元組流傳到服務端，然後服務端接收到位元組流之後，開啟一個線程把它重新壓縮成圖片，保存在某個文件夾下面。
第二，開啟一個線程，用socket直接把圖片放到stream中傳到服務端，服務端接收後保存到文件夾下。

4. 詳解vue圖片上傳功能

Vue圖片上傳功能詳解

Vue是一個流行的前端框架，對於實現圖片上傳功能，Vue提供了很多便利的方法。以下是對Vue圖片上傳功能的詳解：

一、概述

在Vue中，圖片上傳功能一般涉及三個主要步驟：選擇文件、文件上傳到伺服器、上傳結果處理。在此過程中，會使用到Vue的指令、事件處理以及組件化開發等知識。

二、具體實現步驟

1. 創建上傳組件：首先，需要創建一個用於文件選擇的組件，通常是一個帶有文件輸入的表單。

2. 處理文件選擇事件：當用戶選擇文件後，通過Vue的事件監聽機制獲取到用戶選擇的文件。

3. 文件上傳到伺服器：獲取到文件後，可以使用Axios或其他HTTP庫，將文件以FormData的形式發送到伺服器。這一步需要配置正確的請求頭和請求參數。

4. 處理上傳結果：伺服器處理完文件上傳後，會返回相應的結果。在Vue中，可以通過Promise或async/await來處理非同步操作，並處理伺服器返回的響應數據。

三、關鍵技術與注意事項

1. 使用v-model綁定文件數據：在input標簽上使用v-model指令，可以方便地獲取用戶選擇的文件數據。

2. 處理文件類型與大小限制：在前端對文件類型和大小進行限制，提高用戶體驗並減少不必要的服務端壓力。

3. 進度條與錯誤處理：在文件上傳過程中，可以顯示進度條；同時，對於上傳失敗的情況，要進行友好的錯誤提示和處理。

4. 安全性考慮：確保伺服器端對上傳的文件進行安全校驗，防止惡意文件上傳導致的安全問題。

四、總結

Vue的圖片上傳功能需要結合Vue的基礎知識和HTTP請求庫來實現。關鍵在於正確獲取文件數據、合理設置請求參數和正確處理伺服器響應。同時，為了提高用戶體驗和保障系統安全，還需考慮進度顯示、錯誤處理和文件校驗等環節。在實際開發中，還需結合具體項目需求進行調整和優化。

5. uniapp上傳圖片至伺服器，獲得在線圖片鏈接預覽（實戰）

功能需求：
前端選擇本地文件，將選擇好的文件顯示在界面上進行預覽，可同時選擇四張進行預覽。

思路如下：
前端選擇本地的png、jpg、等格式的圖片，將圖片以二進制的形式傳到後端伺服器，後端對二進制圖片進行處理，返回給前端一個伺服器鏈接在線圖片，在瀏覽器就可以打開鏈接訪問的那種。然後前端將這個圖片鏈接渲染在頁面進行預覽。

首先
我們看一下uniapp的官方文檔：
https://uniapp.dcloud.io/api/media/image?id=chooseimage

大概是這樣的
先寫一個模擬的demo
1：首先我是是用了colorUI的框架，在項目裡面引入

在page底下的vue文件引入

這樣一來，就不需要寫什麼樣式了，直接使用寫好的就行了。

效果是這樣的
每次選完圖片之後顯示在頁面上，我這里設置了最多可以選擇四張，圖片鏈接使用了臨時的blob，接下來就要使用後端小夥伴給的介面，將自己本地的二進制文件傳給他了。

在 chooseImage 選擇好圖片之後，寫一個成功的回調函數，在回到函數裡面添加一個圖片上傳的方法uploadFile，在方法裡面添加url，等參數。

若是請求成功
則返回一個圖片鏈接

添加介面之後 的，demo如下：