上传图片类型检查，大小限制

最新推荐文章于 2024-05-02 18:12:22 发布
最新推荐文章于 2024-05-02 18:12:22 发布
阅读量451 收藏
点赞数
分类专栏： web前端 文章标签： javascript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
< html  xmlns = "http://www.w3.org/1999/xhtml" > 
< head > 
< meta  http-equiv = "Content-Type"  content = "text/html; charset=gb2312"  /> 
< title >无标题文档 </ title > 
</ head > 
 
< body > 
< script  type = "text/javascript" > 
var imgSize = 1024 * 100; //最大100K 
function checkImgSize(){ 
     var file = document.getElementById("fuPhoto"); 
     if(file.value != ""){ 
         
         //检测类型 
         var val = file.value; 
         if(/^.*?\.(gif|png|jpg|JPG|JPEG|jpeg|bmp)$/.test(val)){ 
         }else{ 
             alert("只能上传gif, png, jpg, bmp格式的图片"); 
            // return false; 
         } 
         
         var img = new Image(); 
         img.onreadystatechange = function(){ 
             if(img.readyState == "complete"){ 
                 if(img.fileSize <=0 || img.fileSize > imgSize){ 
                     alert("当前文件大小" + img.fileSize / 1024 + "KB, 超出最大限制 " + imgSize / 1024 + "KB"); 
                 }else{ 
                     alert("OK"); 
                     return true; 
                 } 
             } 
         } 
         
         img.src = val; 
     }else{ 
         alert("请选择上传的文件!"); 
         return false; 
     } 
} 
</ script > 
< input  type = "file"  id = "fuPhoto"  /> 
< input  type = "submit"  value = "上传"  onclick = "return checkImgSize()"  /> 
</ body > 
</ html >
神笔馬郎
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery获取file控件中图片的宽高与大小
10-21
本文通过实例代码告诉大家如何利用jQuery获取file控件中图片的宽高与大小，在我们上传之前就可以检查上传图片的大小，高度，宽度是否适合我们的要求了，下面是关于判断图片的宽高大小的代码。
上传文件的客户端检测（仅限于图片）
dingbiebin1233的博客
04-11 161
较大的文件的检测是比较棘手的，大文件在服务器端验证的话基本是不可行的，因为在验证是在文件上传结束才可以进行的，事实上，不作特殊处理大文件不可能完成上传的，IIS将会直接抛出异常，此异常你的程序是获取不到的。详见http://blog.joycode.com/saucer/archive/2004/03/16/16225.aspx 对于图片的文件大小限制可以如下处理：<!DOCTY...
el-upload上传图片类型检查和大小限制
qq_47657875的博客
08-31 199
【代码】el-upload上传图片类型检查和大小限制。
文件上传(图片上传) 大小限制的配置 及注意点
simple_start的博客
12-02 3402
文件上传(图片上传) 设置 大小 注意点 //检查文件是否为空 if (multipartFile.isEmpty()){ return "文件为空"; } //检查文件大小 2097152 =2M if(multipartFile.getSize() > 2097152) { return "文件大于2M"; } //检查是否是图...
springboot 上传图片大小_springboot上传文件并检查图片大小与格式
weixin_39575410的博客
12-19 1852
@PostMapping(value = "/uploadDriverImage")public JsonResVo uploadDriverImage(@RequestParam("file") MultipartFile file) {try {//检查文件是否为空if(file.isEmpty()) {return JsonResVo.buildErrorResult(ErrorEnum.E...
php apache上传文件大小限制,Apache上传文件大小限制
weixin_39918682的博客
03-19 298
Apache实现上传大文件 首先修改php.ini，基本是改这几项：max_execution_time = 30max_input_time = 60memory_limit = 8Mupload_max_filesize=8m但改好后发现上传的文件还是不能超过512k，否则页面就出错，非常的郁闷。无论如何调大上面几项的参数都没有作用，然后又检查了httpd.conf文件，从头看了一遍还是没有发...
struts1.2上传图片源代码(包含检查文件格式、限制文件大小功能)
03-24
struts1.2上传图片源代码(包含检查文件格式、限制文件大小功能); 已经做成成品,成功运行于项目之中
php中让上传的文件大小在上传前就受限制的两种解决方法
01-20
虽然你可以使用一个类似的技术以拒绝过大的文件(通过检查$uploadedfile_size变量)，但是通常这不是一个好主意。在得到这个变量之前，这个文件已经被上载并保存在temp目录中。如果你试图因为磁盘容量或者是带宽的原因...
upload-multiple-images-ajax:该软件包可以处理通过AJAX请求发送的上传图像。 它带有jQuery插件，可以使用AJAX请求上传一个或多个图像。 它还可以显示要上传的所选图像的预览，因此用户可以从要上传的文件列表中删除不需要的图像。 PHP类可以验证上载的图像，以检查有效的图像文件扩展名，大小限制和上载文件的数量限制
05-03
PHP类可以验证上载的图像，以检查有效的图像文件扩展名，大小限制和上载文件的数量限制。 jQuery插件 $（element）.uploadImagesPreview（表单[必填]，选项[可选]，回调[可选]） 用于在客户端预览和验证图像 form...
server_upload:不一致的文件大小限制可以被链接绕过
03-19
文件大小限制不好，尤其是在不一致时 该程序的作用： 监视文件夹 如果文件夹中有一个新文件，它将上载到指定的服务器 它会创建一个指向该链接的链接，并将其复制到剪贴板 通知您已完成 删除文件 设置和使用 依存关系...
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 863
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
bpmn-js推荐几款常用的插件
飞云先生
04-30 117
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
基于React实现B站评论区
最新发布
stu_kk的博客
05-02 904
使用React构建了一个仿照B站基本的前端评论系统，实现了动态加载、排序、添加和删除评论的基本功能。通过React的状态管理和事件处理机制，实现了交互式的用户体验。但是在实际应用中，还需考虑与后端接口的交互、错误处理、分页加载、以及更复杂的用户交互逻辑。
《ElementUI 基础知识》el-tabs header 监听鼠标中键滚动时左右滑动（ElementPlus同样适用）
前端技术
04-29 970
监听 el-tabs 头在鼠标 hover 时。滑动鼠标中键，可左右滑动！
表格隔行变色
weixin_54339833的博客
05-02 375
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
echarts+百度地图如何定义边界线
abc8002117034的博客
04-30 305
5.setOption里面的参数option.series是echarts散点图的配置项,option.bmap是百度地图的配置项，比如center是当前地图的中心点，zoom是缩放数值，roam是是否可以缩放，mapStyle是地图的样式。3.方法getCenterPoint是获取当前区域中心点的经纬度，我们将会在区域的中心点显示区域名称和具体数值。4.方法convertData返回的是地图上红色散点里面的数据，是对idata的数据格式做的一层转换。2.变量styleJson是地图的样式，可以去。
redux快速入门
qq_73270720的博客
04-29 339
简单的加减案例,学会redux快速入门
js执行顺序
weixin_45392204的博客
04-29 344
同步任务：指的是在主线程上排队执行的任务，只有当前一个任务执行完毕，才能执行下一个任务（按照顺序执行）异步任务：指的是不进入主线程上的任务，进入任务队列的任务，只有当任务队列通知主线程某个异步任务可以执行，方可进入主线程进行执行。异步任务又分宏任务跟微任务宏任务：异步ajax请求、setTimeout、setInterval、文件操作、其他微任务：Promise.then、.catch 和.finally，process.nextTick、其他。
react核心知识
qq_16546829的博客
04-29 701
Fiber架构中处理副作用（side effects）时采用自下而上的方式，这是为了实现更高效的调度和渲染过程，以及更好地支持优先级调度和中断。在Fiber架构中，每个React组件都可以被视为一个fiber节点，这些节点以树状结构组织，形成了React组件树。在渲染过程中，React会遍历整个组件树，并根据需要执行各种操作，比如计算Virtual DOM、处理更新、执行副作用等。异步调度和优先级：自下而上的处理副作用可以更好地支持React的异步调度和优先级调度。
PHP图片文件上传类型限制扩展名限制大小限制与自动检测目录创建。
05-20
在PHP中，我们可以通过以下代码来限制上传文件的类型、扩展名以及大小，并且可以自动检测目录是否存在并创建目录： ```php // 允许上传的文件类型 $allowed_types = array('jpg', 'jpeg', 'png', 'gif'); // 允许...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值