页面上不用iframe展示文章的原理

最新推荐文章于 2024-05-03 21:05:41 发布

VIP文章 mini白

最新推荐文章于 2024-05-03 21:05:41 发布

阅读量1.5k

点赞数

文章标签：前端 HTML文档显示 iframe

本文链接：https://blog.csdn.net/mning199201/article/details/81203550

版权

1、做项目的过程中遇到这样一个问题，就是从后台得到大量的Word文档或者HTML文档然后展示在页面上，但是领导不想要iframe的形式，想直接展示内容。总结了一下思路如下：

2、从后台得到文章的URL

3、转化为一个服务器的完整的URL

（比如：URL=api.filepath+url）

 if(url.indexOf('http://')===0 || url.indexOf('https://')===0){
      return url;
    }else{
      return Domain.resource + (url[0]=='/'?'':'/') + url;
    }

4、发送ajax请求，从转化过的URL得到需要的文章资源，本项目中得到的是一个HTML文档。从<html>里截取<body>的部分然后显示到页面上，并对页面上的图片src重新设置以正确显示。

if (data.resultData.Introduction) {
   var resulturl = data.resultData.Introduction;
   var wordurl = Server.filepath + resulturl;

    $.ajax({
        url: wordurl,
        type: 'GET',
        success: function (data) {
           var str = data;
           str = str.substring(

最低0.47元/天解锁文章

mini白

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面上不用iframe展示文章的原理

1、做项目的过程中遇到这样一个问题，就是从后台得到大量的Word文档或者HTML文档然后展示在页面上，但是领导不想要iframe的形式，想直接展示内容。总结了一下思路如下：2、从后台得到文章的URL3、转化为一个服务器的完整的URL（比如：URL=api.filepath+url） if(url.indexOf('http://')===0 || url.indexOf('htt...
复制链接

扫一扫