JS获取图片（选择图片并显示）

$('.a').change(function(e) {var _URL = window.URL || window.webkitURL;var file, img;if ((file = this.files[0])) {img = new Image();img.onload = function() {$('.img').attr('src', this.src);console.log(this.width)};img.src = _URL.createObjectURL(file);}
})

使用

<img class="img" src="" width="100" height="100">
<input class="a" type="file">

JS获取图片（选择图片并显示）相关推荐

js获取html中图片路径,用js快速的获取html页面中图片的地址
这次给大家带来用js快速的获取html页面中图片的地址,用js快速获取html页面中图片的地址的注意事项有哪些,下面就是实战案例,一起来看一下. 这篇文章主要介绍了js获取html代码中图片地址的实现 ...
js获取用户选择的文件路径[曲线救国]
JavaScript如何获取用户input[type=file]选择的文件路径呢? 首先,JavaScript本身是无法通过input[type=file]获取用户选择的文件路径的,这条路是行不通的. ...
js获取Listbox选择的值
将Listbox的 SelectionMode="Multiple",设置为多选时,用JS获取多选的值. <script type="text/javascript ...
js 操作Listbox js 获取Listbox选择的值的代码
<script type="text/javascript"> function GetValue() { var strlist = document.getElem ...
wx图片的相机相册获取，预览图片，图片保存，图片的信息
wxml <view class="title">图片管理</view> <view class="demo-box"> & ...
android完美实现拍照选择图片剪裁等代码分享
2个安卓实现实现拍照选择图片剪裁等的代码,都是从正式项目中提取出来了,非常实用,有需要的小伙伴可以参考下. 前言,版本兼容问题主要是由于4.4以前和4.4以后的Uri的格式不同所造成的错误 1. ...
Android多媒体功能开发(4)——调用系统Activity拍照、选择图片、查看图片、裁剪图片
一.拍照拍照界面就是调用系统照相机,动作为MediaStore.ACTION_IMAGE_CAPTURE.生成的照片有三种返回方式: 在调用拍照应用的Intent中通过EXTRA_OUTPUT属性设 ...
微信小程序图片选择，预览和删除
这里均用的是小程序原生api 废话不多说直接上栗子: <view class="addImv"><view wx:f ...
分享一个图片管理程序,图片批量上传,图片管理(有图片)
呵呵,好久没写博客了.今天在此奉上一篇! 关于图片管理,其实做项目很多地方都用到图片管理. 比如:产品图片,新闻图片,作品图片. 现分享一篇关于图片管理的文章,希望大家能用得上. 先来看效果图吧: 上 ...
使用微信js sdk关于选择及上传图片至腾讯云COS
使用微信js sdk关于选择及上传图片至腾讯云COS 使用微信js sdk关于选择及上传图片至腾讯云COS 背景名词参考效果图展示开发步骤 1:概要步骤 2:上代码结束: 使用微信js sd ...

JS获取图片（选择图片并显示）

JS获取图片（选择图片并显示）相关推荐

最新文章

热门文章