使用javasctipt查看被选择图片大小

最新推荐文章于 2024-04-24 09:27:42 发布
最新推荐文章于 2024-04-24 09:27:42 发布
阅读量784 收藏
点赞数
分类专栏： 脚本 文章标签： function file input button access html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lona/article/details/740550
版权
<HTML>
<HEAD>
<SCRIPT>
function getFileSize (fileName) {
    window.oldOnError = window.onerror;
    window.onerror = function (err) {
      if (err.indexOf('utomation') != -1) {
        alert('file access not possible');
        return true;
      }
      else
        return false;
    };
    var fso = new ActiveXObject('Scripting.FileSystemObject');
    var file = fso.GetFile(fileName);
    window.onerror = window.oldOnError;
    return file.Size;
  }
function showImageDimensions () {
  alert(this.width + 'x' + this.height);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formName">
<INPUT TYPE="file" NAME="fileName">
<BR>
<INPUT TYPE="button" VALUE="检查文件大小" ONCLICK="alert(getFileSize(this.form.fileName.value))">
</FORM>
</BODY>
</HTML>
lona
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javasctipt学习不求人javasctipt学习不求人
06-23
javasctipt学习不求人javasctipt学习不求人 javasctipt学习不求人 javasctipt学习不求人
JavaSctipt 基础-运算符
11-23
JavaSctipt 基础-运算符
eclipse debug进入.class_Eclipse集成Tomcat：6个常见的”how to”问题
weixin_39613839的博客
11-29 76
学习一门新技术通常是一个很困难的过程，当你想要同时学习两门有交叉的新技术的时候，这个过程会变得更困难。Tomcat和Eclipse是Java EE开发中最流行的2个必备神器，因此，为了成为一个专业的开发者，你需要知道如何使用他们，并且会做一些配置。1、如何把tomcat添加到Eclispe里面？最简单的方式是直接下载Java EE版本的Eclispe。然后，如果你创建一个新的动态Web工程，Ecl...
Java中如何获取图片的长和宽
热门推荐
javaee9527的博客
12-07 1万+
1，获取本地图片大小（尺寸） File picture=new File(strSrc); BufferedImage sourceImg=ImageIO.read(new FileInputStream(picture)); sourceImg.getWidth(); sourceImg.getHeight(); 2,获取网络图片大小（尺寸） BufferedIm
java如何使用调用栈_javasctipt 工作原理之调用栈
weixin_32515349的博客
02-25 242
译者注翻译一个对新手比较友好的 JavaScript 工作原理解析系列文章注意: 以下全部是概念,经验丰富的老鸟可以离场啦正文从这里开始随着 javascript 的流行,团队们正在利用javascript来支持多个级别的技术栈,包括前端,后端,混合开发,嵌入式设备,以及更多这篇文章旨在成为深入挖掘JavaScript和实际上他是怎么工作的系列文章中的第一篇:我们通过知道javascript的模块...
JavaScript 压缩图片
且听风吟的博客
01-18 6068
上传图片时候，遇到要上传很大的图片，上传的时候就会很慢。所以，需要对图片进行压缩处理来优化上传功能。 图片压缩函数： /* * 图片压缩 * img 原始图片 * width 压缩后的宽度 * height 压缩后的高度 * ratio 压缩比率 */ function compress(img, width, height, ratio) { var canvas, ctx, img64; canvas = document.
javasctipt 设计模式与开发实践
03-15
javascript 设计模式 与开发实践总结。深入理解javascript，帮助前台开发人员找到一份好工作
Arcgis for Javasctipt中常见的layer简介
01-09
概述：Arcgis for Javasctipt中常见的layer有动态图层（ArcGISDynamicMapServiceLayer ）、切片图层（ArcGISTiledMapServiceLayer）、特征图层（FeatureLayer）、图象图层（GraphicsLayer）、标注图层（LabelLayer）...
开关JAVASCTIPT
10-20
开关JAVASCTIPT
HTML中的文档声明
小卡酷谋的博客
04-22 1025
浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常。书写文档声明原因是不同版本所支持的 HTML 元素类型是不同的，我需要告诉浏览器以哪一种文档类型方式来解析当前的这个 HTML 文件。模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的。为保持浏览器渲染的兼容性，使以前的页面能够正常浏览，浏览器都保留了旧的渲染方法（如：微软的。
Web前端开发之HTML_3
zx1026409886的博客
04-23 827
表单在Web网页中用来给用户填写信息，从而采集用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的，一个表单一般应包含用户填写信息的输入框，按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。
用html写一个旋转菜单
最新发布
liulang68的博客
04-24 280
【代码】用html写一个旋转菜单。
用html画一个四叶草
liulang68的博客
04-20 983
以上是部分代码，需要请看主页加联系方式。
HTML 入门
lvshihao_的博客
04-16 1080
全称：Internet Engineering Task Force（国际互联网工程任务组），成立于1985年底，是一个权威 的互联网技术标准化组织，主要负责互联网相关技术规范的研发和制定，当前绝大多数国际互联网技术标准均出自IETF。全称：World Wide Web Consortium（万维网联盟），创建于1994年，是目前Web技术领域，最具影响力的技术标准机构。超文本：暂且简单理解为 “超级的文本”，和普通文本比，内容更丰富。注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。
高频前端面试题汇总之HTML篇
qq_51685537的博客
04-18 661
不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。浏览器渲染页面的两种模式（可通过document.compatMode获取，比如，语雀官网的文档类型是。
用html写一个有趣的动态背景
liulang68的博客
04-20 450
【代码】用html写一个有趣的动态背景。
html的输入框类型
xiaohua0708day的博客
04-18 386
请注意，不是所有的浏览器都支持所有类型的输入框，某些较新或不太常见的类型可能需要在较新版本的浏览器中才能正确显示和工作。用户不可见的字段，通常用于存储不需要用户输入但需要随表单提交的数据。用于输入电子邮件地址，某些浏览器会进行格式验证。用于输入URL地址，某些浏览器会进行格式验证。用于输入数字，通常带有上下箭头以增减数值。用于输入电话号码，不进行特定格式的验证。用于输入密码，输入的内容会被掩码处理。用于搜索字段，通常显示为圆角的输入框。用于重置表单中的所有字段到初始值。用于一组选项中选择一个。
用javasctipt 将 23456 这个字符串 替换成 *****
05-25
可以使用字符串的 replace 方法来实现替换操作。具体代码如下： ``` let str = '23456'; str = str.replace(/\d/g, '*'); console.log(str); // 输出：***** ``` 这里使用了正则表达式 `\d` 来匹配数字，`g` 标志...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值