<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      使用wx/qq/等app在項目里截屏上傳圖片

      Posted on 2023-03-14 12:00  矜持i  閱讀(241)  評論(0)    收藏  舉報

      代碼如下:

      我這邊用的阿里OSS直傳的,主要思路是獲取截圖對象,粘貼到指定div位置,獲取文件流,將文件流賦值給clientUpload方法。

      使用wx/qq 快捷指令就可以截圖上傳圖片了。

        <div class="layui-form-item">
          <label class="layui-form-label leftLabel">支付圖片</label>
          <div class="layui-input-inline rightDiv">
            <div class="layui-upload-drag" style="padding: 10px;width: 100%;">
              <div id="test10">
                <i class="layui-icon" style="font-size: 30px;"></i>
                <p>點擊上傳,或將文件拖拽到此處</p>
              </div>
              <div class="fileListArea" id="saleInfoFormFile"></div>
            </div>
          </div>
        </div>
      

        

          //截屏 上傳
          const div = document.getElementById("saleInfoFormFile")
          // const img = document.getElementById("img")
          function handlePaste(e) {
            // 粘貼對象
            if (e.clipboardData || e.originalEvent) {
              const clipboardData = (event.clipboardData || event.originalEvent.clipboardData);
              if (clipboardData.items) {
                let blob;
                for (let i = 0; i < clipboardData.items.length; i++) {
                  if (clipboardData.items[i].type.indexOf('image') !== -1) {
                    blob = clipboardData.items[i].getAsFile();
                  }
                }
                // // 粘貼數據
                console.log(blob, 'blob');
                clientUpload(blob, 1);
      
                // // 生成文件對象
                // const filer = new FileReader()
      
                // // 將獲取的粘貼數據轉成 URL格式的字符串(base64編碼)
                // filer.readAsDataURL(blob)
      
                // // 這個回調在 filer.readAsDataURL(blob) 的時候觸發(fā)
                // filer.onload = (e) => {
                //   console.log(e, 'FileReader')
                //   // 獲取URL格式的字符串 Base64編碼
                //   const base64 = e.target.result;
                //   console.log(base64, 'base64')
                //   // 通過img輸出
                //   img.src = base64   //通過base64直接輸出
                // };
      
              }
            }
          }
          div.addEventListener('paste', handlePaste);
      
        //OSS直傳
          function clientUpload(fileItem, fileLength) {
            var datetoday = util.getTodayDate();
            var randomStr = "/" + new Date().getTime() + util.randomString(4); //  4位隨機字符串
            var extensionName = fileItem.name.substr(fileItem.name.lastIndexOf(".")); // 文件擴展名
            var fileName = "doc/" + datetoday + randomStr + extensionName; // 文件名字(相對于根目錄的路徑 + 文件名)
            var fileType = ''
            if (extensionName === '.png' || extensionName === '.jpg' || extensionName === '.jpeg' || extensionName === '.gif') {
              fileType = 'image';
            } else if (extensionName === '.txt' || extensionName === '.doc' || extensionName === '.xls' || extensionName === '.ppt' || extensionName === '.docx' || extensionName === '.xlsx' || extensionName === '.pptx ' || extensionName === '.pdf ') {
              fileType = 'text';
            }
      
            client.multipartUpload(fileName, fileItem).then(function (result) {
              if (result.res.status === 200) {
                arr.push({
                  ossUrl: result.res.requestUrls[0].split("?")[0],
                  type: fileType //文件類型 image 圖片 text 文件
                });
                //arr.push(result.res.requestUrls[0].split("?")[0])
                if (arr.length >= fileLength) {
                  renderHtml(result.res.requestUrls[0].split("?")[0]);
                  layer.close(loading)
                }
              } else {
                layer.msg('文件上傳失敗');
              }
            })
          }
      

        

       

      博客園  ©  2004-2025
      浙公網安備 33010602011771號 浙ICP備2021040463號-3

      主站蜘蛛池模板: 国产女高清在线看免费观看 | 色欲久久久天天天综合网精品| 日本亚洲一区二区精品| 成人看的污污超级黄网站免费| 精品人妻一区二区| 在线精品视频一区二区三四| 无码中文字幕av免费放| 72种姿势欧美久久久久大黄蕉 | 日本无人区一区二区三区| 免费的特黄特色大片| 欧美巨大极度另类| 日本韩国一区二区精品| 亚洲最大的熟女水蜜桃AV网站| 99久re热视频这里只有精品6| 九九热免费精品在线视频| 国产精品色哟哟在线观看| 中文无码热在线视频| 无码人妻一区二区三区线| 亚洲国产成人久久精品不卡| 影音先锋人妻啪啪av资源网站| 亚洲日韩精品无码一区二区三区| 成人精品一区日本无码网| 欧美牲交a欧美牲交aⅴ图片| 欧美 变态 另类 人妖| 亚洲精品成人区在线观看| 亚洲av无码之国产精品网址蜜芽 | 昭平县| 日韩在线不卡免费视频一区| 精品不卡一区二区三区| 视频一区视频二区在线视频| 国产仑乱无码内谢| 无码人妻aⅴ一区二区三区蜜桃| 天干天干天啪啪夜爽爽99| 久久久久青草线蕉综合超碰| 亚洲中文字幕国产综合| 久久狠狠高潮亚洲精品| 日韩精品 在线 国产 丝袜| 久久精品夜色国产亚洲av| 99久久免费精品色老| 国产不卡精品视频男人的天堂| 国产成人高清亚洲一区91|