uni.chooseImage(OBJECT)–從本地相冊選擇圖片或使用相機拍照
OBJECT 參數(shù)說明文章來源：http://www.zghlxwxcb.cn/news/detail-855801.html
| 參數(shù)名 | 類型 | 必填 | 說明 | 平臺差異說明 |
|---|---|---|---|---|
| count | Number | 否 | 最多可以選擇的圖片張數(shù)，默認9 | 見下方說明 |
| sizeType | Array | 否 | original 原圖，compressed 壓縮圖，默認二者都有 | App、微信小程序、支付寶小程序、百度小程序 |
| extension | Array | 否 | 根據(jù)文件拓展名過濾，每一項都不能是空字符串。默認不過濾。 | H5(HBuilder X2.9.9+) |
| sourceType | Array | 否 | album 從相冊選圖，camera 使用相機，默認二者都有。如需直接開相機或直接選相冊，請只使用一個選項 | |
| crop | Object | 否 | 圖像裁剪參數(shù)，設置后 sizeType 失效 | App 3.1.19+ |
| success | Function | 是 | 成功則返回圖片的本地文件路徑列表 tempFilePaths | |
| fail | Function | 否 | 接口調用失敗的回調函數(shù) | 小程序、App |
| complete | Function | 否 | 接口調用結束的回調函數(shù)（調用成功、失敗都會執(zhí)行） |
uni.uploadFile(OBJECT) — 上傳文件
OBJECT 參數(shù)說明
| 參數(shù)名 | 類型 | 必填 | 說明 | 平臺差異說明 |
|---|---|---|---|---|
| url | String | 是 | 開發(fā)者服務器 url | |
| files | Array | 是（files和filePath選其一） | 需要上傳的文件列表。使用 files 時，filePath 和 name 不生效。 | App、H5（ 2.6.15+） |
| fileType | String | 見平臺差異說明 | 文件類型，image/video/audio | 僅支付寶小程序，且必填。 |
| file | File | 否 | 要上傳的文件對象。 | 僅H5（2.6.15+）支持 |
| filePath | String | 是（files和filePath選其一） | 要上傳文件資源的路徑。 | |
| name | String | 是 | 文件對應的 key , 開發(fā)者在服務器端通過這個 key 可以獲取到文件二進制內容 | |
| header | Object | 否 | HTTP 請求 Header, header 中不能設置 Referer。 | |
| timeout | Number | 否 | 超時時間，單位 ms | H5(HBuilderX 2.9.9+)、APP(HBuilderX 2.9.9+)、微信小程序、支付寶小程序、抖音小程序、快手小程序 |
| formData | Object | 否 | HTTP 請求中其他額外的 form data | |
| success | Function | 否 | 接口調用成功的回調函數(shù) | |
| fail | Function | 否 | 接口調用失敗的回調函數(shù) | |
| complete | Function | 否 | 接口調用結束的回調函數(shù)（調用成功、失敗都會執(zhí)行） |
示例
getUploadFile() {
uni.chooseImage({
success: (chooseImageRes) => {
const tempFilePaths = chooseImageRes.tempFilePaths;
uni.uploadFile({
url: 'https://www.example.com/upload', //僅為示例，非真實的接口地址
filePath: tempFilePaths[0],
name: 'file',
formData: {
'user': 'test'
},
success: (uploadFileRes) => {
console.log(uploadFileRes.data);
}
});
}
});
}
onPageScroll (頁面生命周期 監(jiān)聽頁面滾動)
參數(shù)說明文章來源地址http://www.zghlxwxcb.cn/news/detail-855801.html
| 屬性 | 類型 | 說明 |
|---|---|---|
| scrollTop | Number | 頁面在垂直方向已滾動的距離（單位px） |
onPageScroll : function(e) { //nvue暫不支持滾動監(jiān)聽，可用bindingx代替
console.log("滾動距離為：" + e.scrollTop);
},
到了這里，關于#Uniapp：uni.chooseImage(OBJECT)--從本地相冊選擇圖片或使用相機拍照 & uni.uploadFile(OBJECT) --- 上傳文件&onPageScroll滾動的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
