问题描述：当dialog和v-viewer一起使用时，点击图片预览，会出现预览的图片z-index比dialog小 原因：dialog默认的z-index是2000，每次关闭后再次打开z-index会递增2左右，v-viewer的层级默认是2015，这样预览不了几次，就会出现dialog的z-ind ...
分类：
其他好文 时间：
2020-07-04 11:47:03
阅读次数：
232
预览选中的图片文件 jQuery $("#selectImage").change(function(){ $("#image").attr("src",URL.createObjectURL($(this)[0].files[0])); }); Vue data:{ image:"" }, met ...
分类：
编程语言 时间：
2020-07-04 01:47:56
阅读次数：
113
html5从一开始就给开发者很多的期待，提供众多新的API，不用再想以前一样，为了实现某个功能写很多的代码。在以前，如果要实现图片预览会怎么做呢，因为为了安全的原因，web端的js是不能读取文件的本地真实路径的，那么只能将图片上传到服务器上，然后再拿到图片的链接，这样才能实现图片预览。而服务器呢，比 ...
分类：
Web程序 时间：
2020-05-27 20:49:57
阅读次数：
122
博客地址： "https://ainyi.com/88" 对于 Blob，前端开发中可能比较少遇到；数据库中可使用 Blob 概念，例如 Mysql 存储二进制数据的类型就是 Blob，也就是说图片可存储于数据库中，以二进制格式存储 Blob 对象表示一个不可变、原始数据的类文件对象。File 接口 ...
分类：
其他好文 时间：
2020-05-17 17:57:40
阅读次数：
70
方式一：更适合H5页面，兼容ie10+，图片base64显示，主要功能点是FileReader和readAsDataURL 简洁代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>files-h5</title> </h ...
分类：
编程语言 时间：
2020-05-16 20:29:03
阅读次数：
80
本文主要介绍微信小程序实现动态改变view标签宽度和高度的方法,涉及微信小程序事件响应及使用setData针对data数据动态操作相关实现技巧,希望能帮助到大家。 1、效果展示 2、关键代码 index.wxml文件 1 2 3 4 <view class="view" style="width:{ ...
分类：
微信 时间：
2020-05-04 15:20:08
阅读次数：
135
景 之前的demo增加了图片预览，于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了，说干就干，刚开始查了很多教程，我发现很多人都在说什么pdf.js这个库，这当然没什么问题，pdf.js的确可以非常完美的实现pdf在线预览的过程，但是感觉这样直接进去有点不太优雅，于是找找看看有没有什么现成 ...
分类：
其他好文 时间：
2020-04-29 12:28:44
阅读次数：
115
camera api (含图片预览) 参考地址 主要为利用input type=file, accept="image/*" 进行处理 图片预览方式（两种） const file = e.target.files[0] // 方式1 const url1 = window.URL.createObj ...
分类：
数据库 时间：
2020-04-28 23:05:50
阅读次数：
82
zx-image-view 图片预览插件，支持图片切换、旋转、缩放、移动... 浏览器支持：IE10+, (IE9不支持旋转功能) 效果预览：https://capricorncd.github.io... 源码地址：https://github.com/capricornc... 默认键盘操作 方 ...
分类：
移动开发 时间：
2020-04-28 12:54:41
阅读次数：
72
