javascript脚本判断上传图片的大小宽度和格式

最新推荐文章于 2024-08-04 16:33:59 发布
最新推荐文章于 2024-08-04 16:33:59 发布
阅读量634 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript 脚本 function html div input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsgit/article/details/6546362
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  <HTML>  
  <HEAD>  
  <TITLE> New Document </TITLE>  
  <META NAME="Author" CONTENT="宝玉">  
  </HEAD>  
  <script language="javascript">  
  <!--  
  //检查插入是否为图片  
  var img=null;  
  function chkimg(inp)  
  {  
  if(img)img.removeNode(true);  
  img=document.createElement("img");  
  img.attachEvent("onreadystatechange",isimg);  
  img.attachEvent("onerror",notimg);  
  img.src=inp;  
  }  
  function notimg()  
  {  
  alert("您插入的不是图片，请重新选择插入");  
  }  
  function isimg()  
  {  
  show.insertAdjacentElement("BeforeEnd",img);  
  show1.innerHTML = "图片大小" + img.fileSize/1024 +"K<br />图片宽度"+ img.offsetWidth +"<br />图片高度"+ img.offsetHeight;  
  }  
   
  // -->  
  </script>  
  <BODY>  
  <div id="show"></div>  
  <div id="show1"></div>  
  <input type="file" name="" onpropertychange="chkimg(this.value)"/>  
  </BODY>  
  </HTML>

zsgit
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python小工具：检查资源中的大尺寸图片
Hello Mingo
08-25 328
# coding=utf-8 import os import filecmp import logging import sys try: from PIL import Image except: import os os.system('pip install pillow') from PIL import Image rootPath = r"E://WorkSpace/diablo/UI/assets" maxSize = 1024 def loadAl.
Java script 动态改变 图片大小
yangqillohe的专栏
05-17 2184
   最近由于项目需要，在现实图片的时候，若图片大于100 X 100，则将其缩小为 100 X 100，若比这个小，则保持原图大小。经过研究发现，可以用Javascript代码简单实现。    js代码：    function resizeImage(obj){                if(obj.height>100)            obj.hei
上传图片的验证 验证是否为图片 后缀名验证 （总结）
shaowei213的专栏
04-11 6495
/* * 判断图片类型 * * @param ths * type="file"的javascript对象 * @return true-符合要求,false-不符合 */ function checkImgType(ths){ if (ths.value == "") { alert("请上传图片"); return false; } else { if (!/\.(gif|jpg|jpeg|
图片上传-有去重功能
12-05
8. **文件名称列表**：压缩包内的"图片上传-去重"可能是包含源代码、CSS样式文件、JavaScript脚本、图片示例以及可能的数据库配置文件等，用于构建和测试整个图片上传去重功能的完整项目。 综上所述，这个项目的...
程序天下:JavaScript实例自学手册
07-08
15.19 判断上传图片的大小 15.20 上传图片时预览 15.21 对联广告 15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片提高站点速度 15.26 始终在屏幕右下角的图片 15.27 ...
图片上传校验
03-22
在源码层面，可以通过JavaScript在前端进行初步判断，再通过后端语言如PHP、Java等进行二次确认，确保上传的确实是图片文件。 2. **内容检测**：除了扩展名，还需要对图片内容进行检查。例如，可以使用图像处理库...
js实现图片上传并按比例缩放后预览
05-26
通过JavaScript来处理图片的上传和预览逻辑，确保了跨浏览器的兼容性。 #### 核心代码解析 ##### 1. 页面结构 首先，页面使用JSP标签来定义页面的基本结构，并引入了必要的样式表和脚本文件： ```html ;charset=...
javascript代码常用大全
12-08
- 可以使用 `/^\d{4}-\d{1,2}-\d{1,2}$/.test(str)` 验证格式，还需额外逻辑判断月份和天数的有效性。 - **2.3 长时间，形如 (2003-12-05 13:04:06)** - 结合日期和短时间的正则表达式进行验证：`/^\d{4}-\d{1,2}-...
正则表达式，得到正整数，第一位不能是0
热门推荐
zsgit的专栏
12-07 2万+
//得到正整数，第一位不能是0         function clearNoNum(obj) {             //必须保证第一个为数字而不是0             obj.value = obj.value.replace(/^0/g, "");             //先把非数字的都替换掉，除了数字             obj.value = obj.val
javascript调用ajax页面返回指定内容
zsgit的专栏
10-10 2236
Ajaxjs.js页面 ///调用方法，返回指定的内容 function Ajax(url) { var m_xmlReq=null; if(window.ActiveXObject) {    try     {        m_xmlReq = new A
js读写cookie值
zsgit的专栏
09-27 687
//获取指定名称的cookie值         function getCookie(name) {             var result = null;             var myCookie = document.cookie + ";";
asp.net 控件按回车执行click事件
zsgit的专栏
02-23 652
<br /><script type="text/javascript"><br />    <!--<br />        function KeyUp1(flag)<br />        {<br />            if(event.keyCode == 13)<br />            {<br />                event.keyCode=9; 　<br />                if (event.srcElement.id=="mm") //
Javascript常用方法
zsgit的专栏
02-17 396
<br />网页常用Javascript <br />1．让文字不停地滚动 <br />　　＜MARQUEE＞滚动文字＜MARQUEE＞ <br />2．记录并显示网页的最后修改时间 <br />　　＜script language=Javascript＞ <br />　　document.write(最后更新时间  + document.lastModified + ) <br />　　＜script＞ <br />3．关闭当前窗口 <br />　　＜a href=onClick=javascriptwi
js验证大全
zsgit的专栏
04-13 269
<br /><br />防止用户输入非数字<br />        function checkNum() {<br />            var chr = String.fromCharCode(event.keyCode);<br />            if (isNaN(chr)) {<br />                event.keyCode = 0;<br />            }<br />        }<br />只能是数字<br />function is
牛客JS题（二十一）数组扁平化
最新发布
不起眼小菜菜的博客
08-04 800
注释很详细，直接上代码……
Springboot+Websocket+Security+Vue 实现弹幕推送功能
Gemini1995的博客
08-01 663
【代码】Springboot+Websocket+Security+Vue 实现弹幕推送功能。
vite静态资源处理，处理vite项目中src和url路径问题
WanweI897的博客
08-02 470
处理vite项目中src和url路径问题
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 2848
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
linux命令行下使用的浏览器
没刮胡子的程序员专栏
08-01 107
从命令行浏览网页的原因有很多。 命令行工具通常具有丰富的选项和参数，可以根据用户的需求进行调整和配置。这种灵活性使得命令行在自动化和脚本编写方面非常有用。 对于系统管理员来说，命令行是管理和配置服务器的首选方式。通过命令行，管理员可以快速执行各种任务，例如安装软件包、配置网络、管理用户和权限等。与图形界面相比，命令行通常更高效，特别是在处理大量的重复性任务时。 使用Linux命令行浏览器可以提高工作效率，降低系统资源消耗，提高系统的稳定性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值