jquery 获取上传图片的宽高和预览图
来源:互联网 发布:网络电影发行 编辑:程序博客网 时间:2024/05/20 21:58
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<input name="pic" id="pic" class="txt_form" type="file"><span id="pic_info" style="color:red;"></span>
<img src="" alt="" id="lod_pic" width="580" >
var file = this;
createReader(file.files[0], function (w, h, u) {
// alert(w + ' '+ h +' '+u);
$('#lod_pic').attr("src",u);
$('#pic_info').text("(图片尺寸:"+w+"x"+h+")");
});
})
createReader = function(file, whenReady) {
var reader = new FileReader;
reader.onload = function (evt) {
var image = new Image();
image.onload = function () {
var pic_url = this.src;
var width = this.width;
var height = this.height;
if (whenReady) whenReady(width, height , pic_url);
};
image.src = evt.target.result;
};
reader.readAsDataURL(file);
}
阅读全文
1 0
- jquery 获取上传图片的宽高和预览图
- jquery获取上传图片的宽高和地址图片的宽高
- jQuery获取上传图片的路径,实现在线预览
- jQuery+Ajax实现图片的预览和上传
- JavaScript和jQuery图片上传预览
- Jquery 上传图片预览
- jquery实现图片上传前的预览
- jquery实现上传图片的预览
- 获取上传图片的宽高
- JS实现图片的预览及预览图片的宽高获取
- jquery 获取图片的宽高
- 上传图片,拿阿里云图片地址预览,调起剪切的jcrop插件获取宽高,剪切后再次上传阿里云
- springmvc图片上传、jquery 图片上传预览
- JQUERY 图片上传预览插件
- jQuery 实现 图片上传预览
- jquery 实现 图片上传 预览
- jQuery上传图片前预览
- jQuery上传图片显示预览
- 学习阿里巴巴开发手册-补充
- 10.1 HTTP发展中存在的问题
- loadrunner测试下载服务器性能
- Eclipse debug时提示“Unable to install breakpoint in class.XXXX“
- 安装ipa报错:“未能同步iphone 因为这台电脑不再被授权”
- jquery 获取上传图片的宽高和预览图
- JavaScript的历史
- action属性获取值
- UE4.18新特性(英文版)
- 进程通信之 Socket (顺便回顾 TCP UDP)
- 文字识别系统助力AI,快速高效超精准 | 支持免费测试
- Windows下Python3实现C++多文件编译脚本(没有Make怎么办)
- Baker Vai Light OJ 1071
- C#中string.format用法详解