经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » 微信小程序 » 查看文章
小程序上传wx.uploadFile - 小程序请假
来源:cnblogs  作者:达叔小生  时间:2018/12/3 9:51:31  对本文有异议

小程序上传wx.uploadFile

UploadTask wx.uploadFile(Object object)
将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data。使用前请注意阅读相关说明。

url string
开发者服务器地址

filePath string
要上传文件资源的路径

name string
文件对应的 key,开发者在服务端可以通过这个 key 获取文件的二进制内容

header
HTTP 请求 Header,Header 中不能设置 Referer

formData
HTTP 请求中其他额外的 form data

success
接口调用成功的回调函数

fail接口调用失败的回调函数

complete
接口调用结束的回调函数(调用成功、失败都会执行)

  1. 示例代码
  2. wx.chooseImage({
  3. success (res) {
  4. const tempFilePaths = res.tempFilePaths
  5. wx.uploadFile({
  6. url: 'https://example.weixin.qq.com/upload', //仅为示例,非真实的接口地址
  7. filePath: tempFilePaths[0],
  8. name: 'file',
  9. formData: {
  10. 'user': 'test'
  11. },
  12. success (res){
  13. const data = res.data
  14. //do something
  15. }
  16. })
  17. }
  18. })

小程序请假

  1. <view class="head">
  2. <view class="head_item {{selected?'head_itemActive':''}}" bindtap="selected">新请假</view>
  3. <view class="ring"></view>
  4. <view class="head_item {{selected1?'head_itemActive':''}}" bindtap='selected1'>请假结果</view>
  5. </view>
  6. <view class="main {{selected?'show':'hidden'}}">
  7. <form bindsubmit="formSubmit" bindreset="formReset">
  8. <view class='item'>
  9. \r\n\r\n\r\n\r\n\r\n\r\n年级:
  10. <view class='bk'>
  11. <input name='nickname' class="textarea" placeholder="{{geren.nickname}}" value='{{geren.nickname}}' bindinput="nickname" maxlength='15' auto-height/>
  12. </view>
  13. </view>
  14. <view class='item'>
  15. \r\n\r\n\r\n\r\n\r\n\r\n班级:
  16. <view class='bk'>
  17. <input name='nickname' class="textarea" placeholder="{{geren.nickname}}" value='{{geren.nickname}}' bindinput="nickname" maxlength='15' auto-height/>
  18. </view>
  19. </view>
  20. <view class='item'>
  21. \r\n\r\n\r\n\r\n\r\n\r\n学号:
  22. <view class='bk'>
  23. <input name='realName' class="textarea" placeholder="{{detailgeren.realName}}" value='{{detailgeren.realName}}' bindinput="realName" maxlength='15' auto-height/>
  24. </view>
  25. </view>
  26. <view class='item'>
  27. 申请姓名:
  28. <view class='bk'>
  29. <input name='realName' class="textarea" placeholder="{{detailgeren.realName}}" value='{{detailgeren.realName}}' bindinput="realName" maxlength='15' auto-height/>
  30. </view>
  31. </view>
  32. <view class='item'>
  33. 请假天数:
  34. <view class='bk'>
  35. <input name='realName' class="textarea" placeholder="{{detailgeren.realName}}" value='{{detailgeren.realName}}' bindinput="realName" maxlength='15' auto-height/>
  36. </view>
  37. </view>
  38. <view class='item'>
  39. 开始时间:
  40. <view class='bk'>
  41. <view class='time'>
  42. <picker mode="date" value="{{date}}" start="2018-01-01" end="2222-10-08" bindchange="changeDate" name="starttime" bindchange="changeDate">
  43. <view>
  44. {{date}}
  45. </view>
  46. </picker>
  47. </view>
  48. </view>
  49. </view>
  50. <view class='item'>
  51. 结束时间:
  52. <view class='bk'>
  53. <view class='time'>
  54. <picker mode="date" value="{{date1}}" start="2018-11-11" end="2222-01-01" bindchange="changeDate1" name="endtime">
  55. <view>
  56. {{date1}}
  57. </view>
  58. </picker>
  59. </view>
  60. </view>
  61. </view>
  62. <view class='item'>
  63. 请假类型:
  64. <view class='bk'>
  65. <input name='realName' class="textarea" placeholder="{{detailgeren.realName}}" value='{{detailgeren.realName}}' bindinput="realName" maxlength='15' auto-height/>
  66. </view>
  67. </view>
  68. <view class='item'>
  69. 请假原因:
  70. <view class='bk'>
  71. <input name="detailAddress" class="textarea" placeholder="{{detailgeren.detailAddress}}" value='{{detailgeren.detailAddress}}' bindinput="detailAddress" maxlength='100' auto-height/>
  72. </view>
  73. </view>
  74. <view class='anniu'>
  75. <button class='btn' formType="submit">提交</button>
  76. </view>
  77. </form>
  78. </view>
  1. Page {
  2. background-color: #f1f1f1;
  3. }
  4. /* 新请假 */
  5. .item {
  6. display: flex;
  7. flex-direction: row;
  8. font-size: 30rpx;
  9. color: #acacac;
  10. margin: 25rpx;
  11. align-items: center;
  12. }
  13. .btn {
  14. background-color: #79caff;
  15. color: #fff;
  16. width: 150rpx;
  17. font-size: 30rpx;
  18. margin-top: 30rpx;
  19. }
  20. .bk {
  21. border-radius: 10rpx;
  22. border: 2rpx solid #ccc;
  23. padding: 10rpx;
  24. width: 65%;
  25. }
  26. .textarea {
  27. width: 100%;
  28. }
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号