jquery控制上传文件格式、大小以及图片预览功能
2017-10-05 10:47
567 查看
通过jquery控制上传文件的格式、大小;当选择图片时,能在页面上提供图片预览的功能。
$("#picture").change(function () { var s = $('#picture').val(); var start = s.indexOf(".") + 1; var name = s.substring(start, s.length).toLowerCase(); if (name != "jpg" && name != "png" && name != "gif") { alert("图片格式必须为jpg、png、gif中的一种"); $("[value='上传']").attr("disabled", true); return; } if (this.files[0].size / 1024 / 1024 > 5) { alert("图片不能超过5M"); $("[value='上传']").attr("disabled", true); return; } var objUrl = getObjectURL(this.files[0]); if (objUrl) { $("#img0").attr("src", objUrl); } $("[value='上传']").attr("disabled", false); }); //获得file按钮选取文件的路径 function getObjectURL(file) { var url = null; if (window.createObjectURL != undefined) { // basic url = window.createObjectURL(file); } else if (window.URL != undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file); } else if (window.webkitURL != undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file); } return url; }
相关文章推荐
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- java上传图片前预览 控制图片尺寸大小 控制上传格式
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- jquery 判断当前上传文件大小限制上传格式 搭配thinkphp实现上传即预览(模拟异步上传)
- jquery 判断当前上传文件大小限制上传格式 搭配thinkphp实现上传即预览(模拟异步上传)
- springboot搭建文件预览解决方案,支持目前主流格式office文件,txt文件,png,jpg等图片以及压缩文件的在线预览功能
- 上传图片预览、大小、格式控制
- 基于JQuery的图片上传预览插件(图片预览、过滤文件类型、限制图片大小、图片显示后回调)
- jQuery实现图片上传预览效果功能完整实例【测试可用】
- 一个自己写的真正判断文件格式,文件大小,而并不仅仅从扩展名来进行判断的上传方法,进一步加强防止软件或恶意的木马图片上传
- [置顶] input file上传图片预览(查看图片大小,类型,名字)------------------------------自己动手写jQuery插件
- 实现录音时随声音大小变化的UI,以及文件上传功能。
- Javascript实现上传前对图片大小、格式的检查并预览
- jquery实现图片上传前本地预览功能
- js上传前预览图片,检测上传文件大小
- HTML5 jQuery图片上传前预览功能
- ajaxFileUpload.js上传图片插件,全浏览器兼容,规避json错误,带文件格式大小拦截
- 图片上传之前检查大小、尺寸、格式并预览的js代码