zoukankan      html  css  js  c++  java
  • H5图片预览

    官方链接下载示例项目需要注册账号,似乎有点不友好,不想注册账号的可以去gitee上下载示例项目

    如果你上来就是把previewImg.js 放在head中可能会出现意想不到的错误,比如下面这样子,遇到这个不要慌,咱们可以考虑给这个js换个地方引入,比如放在body中,这样就可以完美解决掉这个报错信息

    Uncaught TypeError: Cannot read property 'appendChild' of null
        at new i (previewImage.min.js:1)
        at previewImage.min.js:1
        at previewImage.min.js:1
        at previewImage.min.js:1

    使用说明

    // 获取所有的图片
    	var imgs = findViewsByClassName("previewImg");
    	// 存放获取过来图片的src链接
    	var urls = [];
    	// 循环往urls中添加图片链接
    	for (var i = 0; i < imgs.length; i++) {
    		(function(i) {
    			var elm = imgs[i];
    			// 获取图片的src属性,不同地方不同写法,我这是嵌入到sdk中的,你们写还是按照js的语法书写即可
    			urls.push(elm.getElement().src);
    			// 图片的点击事件
    			elm.setOnclickListener(function() {
    				var current = elm.getElement().src;
    				var obj = {
    					urls: urls,
    					current: current
    				};
    				previewImage.start(obj);
    			})
    		})(i)
    	}

    当你都书写完成后,会发现控制台又来了个报错信息,但是这个报错并没有影响你的程序执行
    http://static.luyanghui.com/svg/oval.svg 404 (Not Found)

    解决方法去源码中将这个地址【http://static.luyanghui.com/svg/oval.svg】 换成其他的,随便啥都可以,但是不能为空

  • 相关阅读:
    vue实现通过链接跳转到页面
    vue-cli2-项目的创建
    平均数
    Spring-Spring简介
    vue + element-ui 表单校验封装公用方法
    Python(一)数据结构和算法的20个练习题问答
    Python包中__init__.py作用
    if __name__=="__main__":
    execute immediate
    oracle基础知识过一遍(原创)
  • 原文地址:https://www.cnblogs.com/sxdpanda/p/15330135.html
Copyright © 2011-2022 走看看