如何在图片上传前用js(jquery)判断图片的尺寸

如何在图片上传前用js(jquery)判断图片的尺寸,第1张

这个js估计实现不了哦。你可以通过flash控件来实现。

到网上搜下,应该是有这种插件的。 我记得有个叫做imagecrop的插件,就是做裁剪相关的。既然能做裁剪,肯定有做尺寸判断的。

版本 uploadfy3

fileSizeLimit : 2048,

具体:

jsp页面:

jQuery("#uploadify")uploadify({

。。。。

buttonText : 'SELECT', // The text to use for the browse button

checkExisting : false, // The path to a server-side script that checks for existing files on the server

debug : false, // Turn on swfUpload debugging mode

fileObjName : 'Filedata', // The name of the file object to use in your server-side script

fileSizeLimit : 2048, // The maximum size of an uploadable file in KB (Accepts units B KB MB GB if string, 0 for no limit)

fileTypeDesc : fileTypeDesc,

版本:jqueryuploadifyv210min

'sizeLimit' : 20481024,

jQuery("#uploadify")uploadify({

。。。。。

'auto' : false,

'multi' : true,

'queueSizeLimit' : queueSizeLimit,

'buttonText' : 'BROWSE',

'sizeLimit' : 20481024,

JQuery上传插件Uploadify使用详解

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。

官方下载

官方文档

官方演示

首先按下面的步骤来实现一个简单的上传功能。

1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。

2 在项目中添加UploadHandlerashx文件用来处理文件的上传。

3 在项目中添加UploadFile文件夹,用来存放上传的文件。

<script type="text/javascript"> 

function validate_img(a){

 var file = avalue;

 if(!/(gif|jpg|jpeg|png|GIF|JPG|png)$/test(file)){

  alert("类型必须是gif,jpeg,jpg,png中的一种");

  return false;

}else{

     var image = new Image();

     imagesrc = file;

     var height = imageheight;

     var width = imagewidth;

     var filesize = imagefilesize;

  alert(height+"x"+filesize);

     if(width>80 && height>80 && filesize>102400){

      alert('请上传8080像素 或者大小小于100k的');

  return false;

     }

 }

 alert("通过");

}

</script> 

图像:<input type="file" name="uploadImg" onchange="Javascript:validate_img(this);" size="12"/>

测试的时候放服务器上测试,本地不行的哈~

以上就是关于如何在图片上传前用js(jquery)判断图片的尺寸全部的内容,包括:如何在图片上传前用js(jquery)判断图片的尺寸、jquery uploadify上传如何设置文件大小不超过2M、使用jquery uploadify 上传图片怎么控制上传图片的尺寸等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9514931.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存