兼容ios和安卓的文件選擇上傳方式(H5)

fileUp() {
              const address = config.baseURL + '/h5-server/h5/base/train/supplier/notice/upload/file'
              const fileInput = document.createElement('input')
              const that = this
              fileInput.setAttribute('type', 'file');
              fileInput.setAttribute('style', 'display:none');
              let ua = navigator.userAgent.toLowerCase()
              let phone = ""
              if (ua.indexOf("android") != -1) {
                  phone = true //true是安卓 false是ios
              } else if (ua.indexOf("iphone") != -1) {
                  phone = false
              }
              fileInput.setAttribute('accept', phone == true ? '*/*' : '');
              fileInput.addEventListener('change', () => {
                  const file = fileInput.files[0];
                  const reader = new FileReader();
                  reader.readAsDataURL(file);
                  reader.onload = function() {
                      if (file.size / 1024 / 1024 > 80) {
                          console.log('文件大小不超過80Mb');
                          return;
                      }
                      const data = new FormData();
                      data.append('name', file);
                      let r = new XMLHttpRequest();
                      r.open("post", address);
                      uni.showLoading({
                          title: "上傳中,請稍等..."
                      })
                      try {
                          r.onloadend = () => {
                              const con = JSON.parse(r.responseText)

                              upd({
                                  id: that.id,
                                  planFile: JSON.stringify(con.content)
                              }).then((res) => {
                                  uni.hideLoading()
                                  that.$u.toast('提交成功')
                                  setTimeout(() => {
                                      uni.navigateBack()
                                  }, 500)
                              })
                          }
                          r.send(data);
                      } catch (e) {
                          that.$u.toast(JSON.stringify(e))
                          //TODO handle the exception
                      }

                  };
              });
              const page = document.getElementById('page')
              page.appendChild(fileInput)
              fileInput.click();
          },
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容