『壹』 uniapp怎麼實現選擇和上傳圖片分開
打開HBuilderX開發工具，創建uniapp項目，綁定點擊事件即可。
在methods中，定義點擊事件，調用api中的unichooseImage。在上傳照片的API中，請求成功後調用unigetImageInfo，獲取圖片信息。在獲取圖片方法下方，調用uni previewImage，預覽圖片。保存代碼並運行到小程序模擬器，查看界面顯示效果。
uniapp是一個使用Vuejs開發所有前端應用的框架，開發者編寫一套代碼，可發布到iOS、Android、Web（響應式）、以及各種小程序、快應用等多個平台。
『貳』 uniapp 上傳圖片遇到的問題
昨天在測試上傳圖片的時候，突然發現一個很狗血的問題，就是ios選取手機里保存的圖片都可以的，但是使用拍照的圖片就是上傳不了，一點擊選取都立馬彈出報錯信息，我當時並不覺得是圖片大小的問題，因為在安卓機上測試的時候，拍照圖片也都是可以上傳的，後面對圖片的大小限制最多也是有10M的，最後才發現是nginx上面默認有傳輸大小的限制【哭笑】，最後前端上傳圖片之前做了壓縮處理，nginx也把限制放寬，最後終於可以上傳所有圖片了【豎起大拇指】
『叄』 uniapp上傳圖片至伺服器，獲得在線圖片鏈接預覽（實戰）
功能需求：
前端選擇本地文件，將選擇好的文件顯示在界面上進行預覽，可同時選擇四張進行預覽。
思路如下：
前端選擇本地的png、jpg、等格式的圖片，將圖片以二進制的形式傳到後端伺服器，後端對二進制圖片進行處理，返回給前端一個伺服器鏈接在線圖片，在瀏覽器就可以打開鏈接訪問的那種。然後前端將這個圖片鏈接渲染在頁面進行預覽。
首先
我們看一下uniapp的官方文檔：
https://uniapp.dcloud.io/api/media/image?id=chooseimage
大概是這樣的
先寫一個模擬的demo
1：首先我是是用了colorUI的框架，在項目裡面引入
在page底下的vue文件引入
這樣一來，就不需要寫什麼樣式了，直接使用寫好的就行了。
效果是這樣的
每次選完圖片之後顯示在頁面上，我這里設置了最多可以選擇四張，圖片鏈接使用了臨時的blob，接下來就要使用後端小夥伴給的介面，將自己本地的二進制文件傳給他了。
在 chooseImage 選擇好圖片之後，寫一個成功的回調函數，在回到函數裡面添加一個圖片上傳的方法uploadFile，在方法裡面添加url，等參數。
若是請求成功
則返回一個圖片鏈接
添加介面之後 的，demo如下：
『肆』 uni-app 微信小程序 上傳圖片 文件 uni.uploadFile() 、 uni.chooseImage()
微信小程序項目注冊需要上傳門店信息，所以需要用到上傳圖片功能。
可以分為兩種情況：
官方鏈接： uni.uploadFile
二、統一上傳
點擊選擇框 首先使用uni.chooseImage()，從本地相冊選擇圖片或使用相機拍照。成功則返回圖片的本地文件路徑列表 tempFilePaths；然後本地賦值保存本地圖片地址。
官方鏈接： uni.chooseImage
附上效果圖：