`
wlh269
  • 浏览: 458073 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS得到上传图片尺寸

HTML 
阅读更多 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=??????">
<script language="javascript">
<!-- 
function imgSel()
{
var img = new Image();//构造JS的Image对象
img.src = document.imageForm.file.value;//将本地图片赋给image对象
document.imageForm.width.value = img.width;
document.imageForm.height.value = img.height;
document.imageForm.size.value = img.fileSize;
document.images['image'].src = img.src;
}
-->
</script>
</head>
<body>
<form name="imageForm">
宽: <input name="width" type="text" size="6"> 
高: <input name="height" type="text" size="6"> 
大小: <input name="size" type="text" size="6"><br>
<input name="file" type="file" onChange="imgSel()"><br>
<img src="" name="image">
</form>
</body>
</html>
2
顶
1
踩
分享到：
| JdomXML添加删除
评论
2 楼 lnx1824 2012-05-16  
我的更奇怪，在本地静态的可以，放jetty里的页面后就不然，都是0 0
1 楼 panzs 2011-09-27  
我测试了这段代码 为什么有时候不能正确的取值
获得图片的大小为-1
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js控制上传图片的大小

    ### JS控制上传图片的大小 在现代Web应用中，对用户上传的图片进行尺寸限制是一项常见且实用的功能。本文将详细介绍如何使用JavaScript来实现这一功能，包括如何检测上传图片的大小，并在不符合要求时给予提示。 #...

    js 压缩图片上传

    - 由于Canvas的`toDataURL()`方法可能涉及跨域问题，确保在处理用户上传图片时，遵循同源策略或设置正确的CORS策略。 - 图片压缩过程中，要注意防止恶意图片上传，例如XSS攻击，可以通过检查图片类型和内容来过滤...

    js代码实现图片上传阿里云OSS

    在本场景中，我们讨论的是如何使用JS代码来实现图片上传至阿里云对象存储服务（Object Storage Service，简称OSS）。阿里云OSS提供了一个高效、安全、稳定的云存储解决方案，适用于各种数据存储需求，包括图片、视频...

    非常好用的imgUp.js上传图片 demo

    在这个"非常好用的imgUp.js上传图片 demo"中，我们将深入探讨imgUp.js的核心特性，以及如何利用它来创建一个功能完备的图片上传示例。 首先，imgUp.js提供了多种上传方式，包括拖放上传和点击选择文件上传。在demo...

    Element 图片上传封装图片质量压缩上传

    因此，为了满足这一需求，我们需要对其进行二次封装，以便在用户上传图片之前对其进行压缩。 图片质量压缩是通过调整图片的位深度、颜色模式和编码方式来减小文件大小的一种方法。在JavaScript中，我们可以利用...

    手机移动端多图片上传删除js代码.zip

    在移动设备上，尤其是智能手机，用户常常需要在应用程序中上传图片。这个场景广泛存在于社交网络、电子商务、在线文档编辑等各类应用中。然而，由于浏览器兼容性问题，开发者经常面临挑战，尤其是在Android设备上。...

    上传图片（剪切、预览功能）

    "上传图片（剪切、预览功能）"这个主题涉及到的是一个典型的前端交互功能，它允许用户上传图片，并提供剪切和预览的功能，使得用户可以对图片进行自定义调整，提升用户体验。在网页或应用中实现这样的功能，开发者...

    js 上传照片后，可预览

    在JavaScript（JS）中实现照片上传并预览功能是一项常见的需求，尤其在现代网页应用中。这个功能允许用户选择图片文件后，在上传到服务器之前在前端进行预览，提供了更好的用户体验。下面我们将深入探讨如何利用JS...

    js 图片上传前大小长宽验证代码

    在实际开发中，上传图片和获取图片信息的过程可能会遇到各种异常情况，例如用户取消上传、文件类型不正确、文件大小超出限制等。因此需要通过异常处理机制（try-catch语句）来处理这些情况，并给出相应的提示信息，...

    php免费上传图片站程序

    【标题】：“php免费上传图片站程序” 在IT领域中，PHP是一种广泛使用的服务器端脚本语言，尤其在创建动态网站方面表现出色。本话题聚焦于一个基于PHP的免费上传图片站点程序，它允许用户无需付费就能上传和分享...

    jQuery上传图片压缩预览效果代码

    - 图片尺寸限制：通过修改`drawImage()`的参数，可以调整绘制到Canvas上的图片尺寸，从而实现按比例缩放。 - 压缩质量控制：`toDataURL()`的第二个参数可以设置JPEG或PNG的压缩质量，数值越小，文件越小，但画质也越...

    移动端图片压缩上传插件.zip

    总的来说，这个移动端图片压缩上传插件提供了一套完整的解决方案，涵盖了图片压缩和上传的各个环节，而且由于是纯JavaScript实现，它的性能和兼容性都得到了优化。对于希望在移动应用中实现高效图片处理的开发者来说...

    jQuery图片上传压缩预览代码.zip

    【jQuery图片上传压缩预览代码】是一个利用HTML5特性实现的JavaScript库，它结合了jQuery的优势，为用户提供了一种高效且便捷的图片上传、压缩和预览的功能。这个功能在现代网页应用中非常常见，特别是在涉及到用户...

    html5+js本地图片预览

    在这个“html5+js本地图片预览”的主题中，我们将深入探讨如何利用HTML5的File API和JavaScript来实现在用户选择图片后即时预览，以及鼠标悬停时展示大图的效果。 1. **File API**：HTML5的File API允许开发者在...

    HtmlInputFile的改进：打造图片上传控件

    这个类增加了一些新特性，比如限制上传图片的最大尺寸（MaxSize）。 ```csharp public class ImageUploader : HtmlInputFile ``` MaxSize属性允许开发者设置允许的最大图片大小（以字节为单位），默认值为-1，表示...

    浏览器摄像头拍照并裁剪上传.rar

    上传图片至服务器后，前端需要接收服务器返回的响应，确认图片上传成功。这通常涉及到JSON格式的数据交换，以及可能的错误处理。 8. **安全性与隐私**： 在实现这样的功能时，必须考虑用户隐私和安全问题。例如，...

    利用getObjectURL获取图片路径实现本地预览上传图片

    在现代Web开发中，用户经常需要上传图片，例如在个人资料设置中更改头像或在社交媒体平台上分享照片。为了提供更好的用户体验，开发者可以利用HTML5的一些特性，如`URL.createObjectURL()`方法，来实现在上传前对...

    图片上传压缩裁剪.zip

    - 这样的功能常见于社交网络、电子商务、在线相册等，用户可以上传图片并自定义展示部分，同时减轻服务器存储和传输的压力。 综上所述，"图片上传压缩裁剪.zip"提供了一个完整的解决方案，帮助开发者快速实现图片...

    图片上传带手动裁剪功能

    本话题主要关注如何使用JavaScript实现这一功能，包括图片上传、预览以及手动拖动裁剪图片。 首先，图片上传通常涉及到前端的文件输入（`&lt;input type="file"&gt;`）元素，用户可以通过这个元素选择本地的图片文件。...

    PHP支持手势的手机端图片裁剪上传

    在移动互联网时代，用户在手机端进行图片上传和编辑的需求日益增多。PHP作为广泛应用的后端编程语言，常用于处理这种交互。本文将详细介绍如何利用PHP实现支持手势的手机端图片裁剪上传功能。 首先，我们需要理解这...

Magicbox
Global site tag (gtag.js) - Google Analytics