js 获取图片宽高 和 图片大小
2024-10-19 07:28:50
获取要查看大小的img
var
img_url =
'http://img5.imgtn.bdimg.com/it/u=4267222417,1017407570&fm=200&gp=0.jpg'
// 创建img对象
var
img =
new
Image();
// 改变图片的src
img.src = img_url;
// 加载完成执行
img.onload =
function
(){
// 打印
alert(
'width:'
+img.width+
',height:'
+img.height);
这样就可以了
获取当前图片的大小
<body>
<img id="image" src="" width="200px" ; height="200px" ;/>
<br/>
<input type="file" onchange="selectImage(this);" />
<br/>
<input type="button" onclick="uploadImage();" value="提交" />
<script>
var image = '';
function selectImage(file) {
console.log(file.files) //输出的数值如下:
console.log(file.files[0].size) //获取大小
输出的是字节 1kb = 1024b 所以想转化的话 就要 parseInt(file.files.size / 1024) // 这样的结果就是kb
if (!file.files || !file.files[0]) {
return;
}
var reader = new FileReader();
reader.onload = function (evt) {
document.getElementById('image').src = evt.target.result;
image = evt.target.result;
}
reader.readAsDataURL(file.files[0]);
}
function uploadImage() { $.ajax({ type: 'POST', url: 'admin.php', data: { image: image }, async: false, dataType: 'json', success: function (data) {
consoel.log(data)
if (data.success) { alert('上传成功'); } else { alert('上传失败'); } }, error: function (err) {
console.log(err)
alert('网络故障'); } }); }
</script>
</body>
知道的就这么多,有不对的地方 还请大神指导一二
最新文章
- bzoj4691: Let There Be Light
- iOS 学习 - 23 加载本地 txt 文件, NSMutableParagraphStyle 段落格式,缩放动画,字体间距
- JavaScript 语句 if else
- python练习程序(c100经典例15)
- Java并发编程-volatile
- activity传递数据
- 显示Title和隐藏Title的ListView
- sql server日期字段值的比较
- 《Linux内核设计与实现》的地址空间读书笔记的过程
- STM32单片机图片解码
- 自己动手写Redis客户端- Redis协议(1)
- centos mysql 默认是区分大小写的,修改成不区分大小写
- 在 CentOS6 上安装 Zabbix3.0 Agent 并开启客户端自动注册
- model browser 不出现时
- spring中的springSecurity安全框架的环境搭建
- 3D 网页,webgl ,threejs 实例
- 一个产生临时图片Url的地方
- 比较时间的大小(";HH:MM";)格式
- CommonClassLoader或SharedClassLoader加载的Spring如何访问并不在其加载范围内的用户程序呢
- FocusBI: 数据仓库 (原创)