test.vue 990 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view>
  3. <view ref="input" class="input">
  4. 附件上传
  5. </view>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. }
  13. },
  14. // uni-app input不支持type=“file”类型所以需要js创建
  15. mounted() {
  16. // 创建附件上传
  17. var _self = this;
  18. var input = document.createElement('input');//创建元素
  19. input.type = 'file'//添加file类型
  20. input.onchange = (event) => {
  21. _self.upFile(input, event)
  22. }
  23. this.$refs.input.$el.appendChild(input)
  24. },
  25. //上传
  26. methods: {
  27. upFile(input, event) {
  28. var _self = this;
  29. uni.uploadFile({
  30. url: 'http://124.71.174.104:8081/USKYOF/USKYOF.php/Home/MonitoringReporting/setUpload',
  31. files: [
  32. {
  33. file: input.files[0],
  34. uri: event.srcElement.value
  35. }
  36. ],
  37. success: (uploadFileRes) => {
  38. console.log(uploadFileRes)
  39. },
  40. fail: (err) => {
  41. console.log(err)
  42. }
  43. });
  44. },
  45. }
  46. }
  47. </script>
  48. <style>
  49. </style>