pdf阅读优化

闫增涛

2024-11-05 50ca1ad0d141d7dc0ddf29b2d3051b85ceff8f56

pdf阅读优化

 assets/js/config.js

@@ -4,7 +4,9 @@
export const appId = 3;
// export const epubUrl = "http://182.92.203.7:3007/epubReadMobile/";
export const epubUrl = "https://jsek.bnuic.com/epubReadMobile/#/";
export const pdfUrl = "http://182.92.203.7:3007/pdfRead/";
// export const pdfUrl = "http://182.92.203.7:3007/pdfRead/";
// const pdfUrl = "https://jsek.bnuic.com/pdfRead" // 正式
export const pdfUrl = "http://192.168.3.196:8080/pdfRead"
export const requestTimeOut = 300000; // 请求超时时间
export const tokenKey = "jsek-token";
export const userInfoKey = "website-front-userInfo"; // 用户信息key

 packageBookService/pages/components/webView/index.js

@@ -120,7 +120,6 @@

  },


  // 获取UserKey
  getProgress: function (dataObj) {
    app.MG.identity
@@ -243,6 +242,14 @@
    app.MG.job.newJobWithApiNewEvent(data).then((res) => {})
  },

  //预览图片，放大预览
  preview(event) {
    let urls = [event.currentTarget.dataset.src]
    wx.previewImage({
      urls: urls // 需要预览的图片http链接列表
    })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */

 packageBookService/pages/components/webView/index.wxml

@@ -11,7 +11,14 @@
      wx:for-index="index"
      class="pdfItem"
    >
      <image src="{{item}}" alt="" mode="aspectFit"></image>
      <image
        src="{{item}}"
        alt=""
        mode="aspectFit"
        class="pdf-img"
        bind:tap="preview"
        data-src="{{item}}"
      ></image>
    </view>
  </view>
  <web-view

 packageBookService/pages/components/webView/index.wxss

@@ -13,10 +13,12 @@

.pdfItem {
  text-align: center;
  box-shadow: 0 3px 6px 1px #00000029;
}

.pdfItem image {
  height: 1000rpx !important;
  min-height: 1000rpx;
  width: 100%;
}

.body-loading {

 packageDomain/pages/resourceDetails/document/index.js

@@ -41,6 +41,7 @@
    distance: 0, //记录手指移动距离
    scale: 1, //定义初始化的页面缩放大小
    newScale: 1, //记录新的页面缩放大小
    pdfSrc: ''
  },
  /**
   * 生命周期函数--监听页面加载
@@ -79,7 +80,6 @@
    } else {
      this.resourceDetailsData()
    }

  },

  /**
@@ -152,9 +152,7 @@
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },
  onReachBottom() {},

  /**
   * 用户点击右上角分享
@@ -306,8 +304,17 @@
      })
      wx.hideLoading();
    }
    // if (item.selectType == 'pdf') {
    //   console.log('pdf', item);
    //   wx.hideLoading()
    //   let md5 = item.file ? item.file : item.freeFile
    //   let pdfSrc = app.config.pdfUrl + "?MD5=" + md5 + "&url=" + app.config.requestCtx + '&currentPage=' + "1" + "&isPreview=" + false + "&warterMark=" + "北京师范大学出版社" + "&previewPages=" + 30 + "&token=" + wx.getStorageSync(app.config.tokenKey)
    //   this.setData({
    //     pdfSrc: pdfSrc
    //   })
    // }
    //文档等
    if (item.selectType == 'pdf' || item.selectType == 'document') {
    if (item.selectType == 'document' || item.selectType == 'pdf') {
      let md5 = item.file ? item.file : item.freeFile
      app.MG.file.getPdfInfo({
        md5: md5

 packageDomain/pages/resourceDetails/document/index.wxml

@@ -44,12 +44,15 @@
  >
    <image
      src="{{item}}"
      data-src="{{item}}"
      bind:tap="preview"
      alt=""
      style="min-height: 550px"
      style="min-height: 550px; width: 100%"
      mode="aspectFit"
    ></image>
    <view class="divider">第 {{index + 1}} 页</view>
  </view>
  <!-- <web-view src="{{pdfSrc}}" id="web-view-pdf" /> -->
</view>

<web-view wx:if="{{selectType == 'webpage'}}" src="{{webpageSrc}}"></web-view>