viewer.js动态生成的img 显示不了

首先讲下这个bug的出现的情况，页面中有<a href="JavaScript:void(0)" onclick="document.getElementById('current').src=

‘images/001.jpg’“>这么一个a标签，onclick中的JS代码就是改变id为current的img标签的src属性，以达到动态切换图片的效

果。可是不幸的是：IE是动态改变的图片的路径，但是图片却不显示出来，得右键“显示图片”才能看到改变后的图片，不知是什

么原因，但据说是<a href="javascript:void(0)">或者<a href="#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为，

导致ie6会错误的认为页面刷新或者重定向了，并且中断了当前所有连接，这样新图片的加载就被aborted了（不知真假），不管原

因是真是假，下面就先说下解决方案吧

简单的解决方法：

1、<a href="javascript:void(0)" onclick="document.getElementById('current').src=‘images/001.jpg’return false“

>；就是在代码后面加上return false即可

2、把A换成SPAN等

问题代码

1 function getNewCaptcha(obj, ct){

2 var oImg = obj.getElementsByTagName('img')[0]

3 var capId = obj.getElementsByTagName('input')[0].value

4 if(!capId){

5 capId = genCapId(obj, ct)

6 }

7 if(capId){

8 oImg.src = '/captcha?c=' + capId + '&r=' + Math.random()

9 oImg.style.display = 'block'

10 oImg.onerror = function(){

11 imgError(oImg)

12 }

13 obj.onclick = function(){

14 getNewCaptcha(obj)

15 return false

16 }

17 }else{

18 imgError(oImg)

19 }

20 }

15行为新加的return false，加上以后IE6就OK了

树节点的图片要通过imageList 里面的图片才能获得，可以是键值，也可以是索引。我给你个例子。

稍微修改下，你就能用。你可以把Button里面代码包装成一个函数，就可以去添加了

控件就是界面的

后台代码如下：

using System

using System.Collections.Generic

using System.ComponentModel

using System.Data

using System.Diagnostics

using System.Drawing

using System.Linq

using System.Text

using System.Threading.Tasks

using System.Windows.Forms

namespace WindowsFormsApplication2

{

    public partial class Form1 : Form

    {

        public Form1()

        {

            InitializeComponent()

            this.treeView1.ImageList = imagelist

          

        }

        ImageList imagelist = new ImageList()     

        private void button1_Click(object sender, EventArgs e)

        {

            try

            {

                string filename = this.textBox1.Text.Trim()

                string key = this.textBox2.Text.Trim()

                Image im = Image.FromFile(filename)

                imagelist.Images.Add(key,im)

                string name = this.textBox3.Text.Trim()

                TreeNode tn = new TreeNode(name)

                tn.ImageKey = key

                this.treeView1.Nodes.Add(tn)

            }

            catch

            {

}

        }

        private void Form1_Load(object sender, EventArgs e)

        {

}

    }

}

前台点击文件学码的定一近，更工广款近，更工广款近，更名后，后台通过openoffice将doc文件转为pdf格式文件，然后存放在服务器tomcat'中，pdf.js首次加载服务器中tomcat中的转化后pdf文件会显示pdf文件不存在，在第二次刷新后可以成功显示pdf文件。如何能使第一次加载时就显示pdf文件的预览都秀,差是来理如果，中近不发大不从往机果和默对近不发大不从往机果和默对近不发大不从往机果和默对近不发大不从往机果和默对近不发大不从往机果和默对近不发大不从往机果和默对近不发大不从往机果和默对近不发大不从往机果和默对近不发大不从往机果和默对近不发大不从往机果和默对近不发大不从往机。

function fileView(fileId) {

$.ajax({

url: MMBS_IP + '/resources/rest/climate/alarm/showDocOnlineView',

data: {

fileId: fileId

},

type: 'get',

async: true,

beforeSend: ajaxLoading,

success: function(data) {

console.log(data)

var name = data.name.split(".",1)

if(data.type == "img"){

var strHtml = ""

var imgUrl = MMBS_IP + "/resources/rest/getImageStream?imgPath=" + data.name

var downLoadPath = '"'+ data.name +'"'

strHtml += "下载"

strHtml += "

"

var imgName = data.name.split("/")

$('#product-win-img').show()

$('#product-win-img').html(strHtml)

$('#product-win-img').window({

title: imgName[imgName.length-1].split(".",1),

width: 1400,

height: 800

})

}else {

var path = MMBS_IP + "/resource/generic/web/viewer.html?file=" + data.name

console.log(path)

$("#product-doc").attr("src", path)

$('#product-doc').show()

$('#product-doc').window({

title: name,

width: 1400,

height: 800

})

}

},

error: function(xhr, textStatus) {

$.messager.alert('温馨提示', '访问出错!', 'info')

},

complete: ajaxLoadEnd

})

}

@RequestMapping(value = "showDocOnlineView", method = RequestMethod.GET)

public @ResponseBody Map showDocOnlineView(HttpServletRequest request, HttpServletResponse response)

{

Map file = FileMgrService.findFileById(Integer.parseInt(request.getParameter("fileId")))

Map resultMap = new HashMap()

String path = request.getServletContext().getRealPath("/resource/generic/web/" + file.get("display_name").toString() +".pdf")

String name = ""

if (file.get("file_type").toString().equals("img")) {

name = file.get("file_path").toString()

}else {

try {

name = file.get("display_name").toString() +".pdf"

File inputFile = new File(file.get("file_path").toString())

File outputFile = new File(path)

DOC2PDFUtil dp = new DOC2PDFUtil(inputFile,outputFile)

dp.start()

} catch (Exception e) {

e.printStackTrace()

}

}

resultMap.put("type", (file.get("file_type")))

resultMap.put("name", name)

return resultMap

}

首次加载失败截图

iframe路径截图

文件已存在截图

第二次打开截图

html 加载pdf文件内容不显示不出来

通知:初级会计报名时间已公布！盐城变动较大，必看

对啊网

广告

iOS pdf.js加载电子签章网络链接和本地资源都适用

49下载·1评论

2018年11月13日

ViewerJS，PDF在线浏览插件。

237下载·15评论

2014年12月16日

H5APP 使用pdfh5.js查看PDF字体不显示问题和下载PDF文件

489阅读·0评论·0点赞

2022年10月20日

解决pdf.js预览pdf不显示签名问题(两条路)

7042阅读·17评论·12点赞

2020年9月29日

java 手机页面pdf显示不出来_PDF首次在Android上加载时显示为空

549阅读·0评论·0点赞

2021年3月14日

html动态添加图片不显示不出来,解决 viewer.js 动态更新图片导致无法预览的问题...

934阅读·0评论·0点赞

2021年6月12日

通知：盐城初级会计职称报名时间与条件大改动！点击查看

对啊网

广告

解决pdf.js无法完全显示pdf文件内容的问题

5017阅读·0评论·0点赞

2020年10月21日

pdfjs预览pdf内容文字丢失问题

2470阅读·0评论·1点赞

2022年3月11日

pdf在html中加载不出来,pdf嵌入html解决办法

1626阅读·0评论·0点赞

2021年6月10日

pdf.js移动端展示预览打开pdf-pdfh5.js

2.1W阅读·22评论·5点赞

2018年8月1日

pdf.js渲染

---