web前端全系列 教程
1839个小节阅读:2243.4k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
将本地资源上传到服务器,最常见的就是图片上传了,大家都经历过上传身份证吧~
首先我们要搞定服务器
在项目的根目录下存在一个文件夹server
, 进入这个文件夹,打开终端
xxxxxxxxxx
npm install 或 cnpm install
node index.js
之后存在上传图片的接口地址:http://localhost:3000/api/upload
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
url | string | 是 | 开发者服务器地址 | |
filePath | string | 是 | 要上传文件资源的路径 (本地路径) | |
name | string | 是 | 文件对应的 key,开发者在服务端可以通过这个 key 获取文件的二进制内容 | |
formData | Object | 否 | HTTP 请求中其他额外的 form data | |
timeout | number | 否 | 超时时间,单位为毫秒 | |
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
xxxxxxxxxx
Page({
bindUploadHandle(){
wx.chooseImage({
success(res) {
const tempFilePaths = res.tempFilePaths
wx.uploadFile({
url: 'http://localhost:3000/api/upload',
filePath: tempFilePaths[0],
name: 'file',
formData: {
'user': 'test'
},
timeout:50000,
success(res) {
const data = res.data
console.log(data);
},
fail(err){
console.log(err);
},
complete(){
console.log("完成");
}
})
}
})
}
})
实时效果反馈
1. 在微信小程序中,下列那个属性可以指定上传文件的路径:
A url
B filePath
C name
D formData
答案
1=>B