jquery上傳圖片大小
⑴ 使用jquery uploadify 上傳圖片怎麼控制上傳圖片的尺寸
JQuery上傳插件Uploadify使用詳解
Uploadify是JQuery的一個上傳插件，實現的效果非常不錯，帶進度顯示。不過官方提供的實例時php版本的，本文將詳細介紹Uploadify在Aspnet中的使用，您也可以點擊下面的鏈接進行演示或下載。
官方下載
官方文檔
官方演示
首先按下面的步驟來實現一個簡單的上傳功能。
1 創建Web項目，命名為JQueryUploadDemo，從官網上下載最新的版本解壓後添加到項目中。
2 在項目中添加UploadHandler.ashx文件用來處理文件的上傳。
3 在項目中添加UploadFile文件夾，用來存放上傳的文件。
⑵ jquery uploadify上傳如何設置文件大小不超過2M
版本 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,
版本：jquery.uploadify.v2.1.0.min
'sizeLimit' : 2048*1024,
jQuery("#uploadify").uploadify({
。。。。。
'auto' : false,
'multi' : true,
'queueSizeLimit' : queueSizeLimit,
'buttonText' : 'BROWSE',
'sizeLimit' : 2048*1024,
⑶ jquery怎樣限制上傳圖片的大小和像素寬高，解析度
<scripttype="text/javascript">
functionvalidate_img(a){
varfile=a.value;
if(!/.(gif|jpg|jpeg|png|GIF|JPG|png)$/.test(file)){
alert("圖片類型必須是.gif,jpeg,jpg,png中的一種");
returnfalse;
}else{
varimage=newImage();
image.src=file;
varheight=image.height;
varwidth=image.width;
varfilesize=image.filesize;
alert(height+"x.."+filesize);
if(width>80&&height>80&&filesize>102400){
alert('請上傳80*80像素或者大小小於100k的圖片');
returnfalse;
}
}
alert("圖片通過");
}
</script>
圖像:<inputtype="file"name="uploadImg"onchange="Javascript:validate_img(this);"size="12"/>
測試的時候放伺服器上測試，本地不行的哈～
⑷ jquery怎麼壓縮圖片質量與大小
jquery不能更改圖片的體積。你可以試試服務端語言，如java php nodejs之類的
⑸ jquery怎樣限制上傳圖片的大小和像素寬高
用html5的file reader來讀取上傳圖片的width，height，size等信息，
然後進行判斷給出用戶反饋
⑹ jquery如何將頁面生成的圖片上傳到伺服器
File Upload組件啊，是同步還是非同步呢
html部分：
<input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">
文件引入：
<link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"><script type="text/javascript" src="diyUpload/js/diyUpload.js"></script>
HTML部分：
<div id="demo"> <div id="as" ></div></div>
JS部分：
<script type="text/javascript">
/** 伺服器地址,成功返回,失敗返回參數格式依照jquery.ajax習慣;* 其他參數同WebUploader*/
$('#as').diyUpload({
url:'server/fileupload.php',
success:function( data ) {
console.info( data ); },
error:function( err ) {
console.info( err );
},
buttonText : '選擇文件', chunked:true, // 分片大小
chunkSize:512 * 1024, //最大上傳的文件數量, 總文件大小,單個文件大小(單位位元組);
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}});
</script>
⑺ jquery 怎麼限制上傳圖片大小
這個Jquery自身是做不了的，因為現在瀏覽器都限制JS讀取本地文件屬性，所以就沒有辦法去做了。常見的做法有2種：
將文件上傳到伺服器後，通過伺服器端程序讀取上傳的文件大小再做處理；
客戶端使用Flash來作為上傳的介質(克通過Jquery操作)，通過Flash特有的許可權讀取本地文件屬性來做判斷和限制，比如SWFUpload,Jquery Uploadify之類的都是這種方法。
⑻ js/jquery校驗上傳圖片後綴為gif|png|jpeg|jpg格式的圖片，尺寸為512*512 校驗，大小限制為300k的文件
<input type="file" name="myFile" id="form01" />
function validate_edit_logo(a){
var file = $('file').value;
if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){
alert("圖片類型必須是.gif,jpeg,jpg,png中的一種")
if(a==1){
return false;
}
}else{
var image = new image();
image.src = file;
var height = image.height;
var width = image.width;
var filesize = image.filesize;
$('beforeend').src=file;
$('div_regi_right').setstyle('display', 'block');
if(width>512 && height>512 && filesize>300k){
alert('請上傳512*512像素 或者大小小於300k的圖片');
if(a==1){
return false;
}
}
if(a==1){
return true;
}
}
}
⑼ 如何在圖片上傳前用js(jquery)判斷圖片的尺寸
創建img標簽：
IE瀏覽器直接src=圖片本地路徑，然後可以獲取這個img的尺寸。
其他瀏覽器使用HTML5的FileReader獲取文件資源轉化為base64寫入img的src，然後可以獲取這個img尺寸。