jquery上傳文件大小

A. 我使用jquery里的uploadify上傳視頻，視頻100M以下的，但是我上傳後，後台缺報了文件上傳超過限制的大小

你報錯是說超出文件大小，jquery的uploadify有沒設置允許上傳文件大小 ，沒設的話就是採用的默認值。一般做上傳都會設置允許上傳文件大小 。

B. jquery ajax多圖上傳顯示怎麼寫

首先我們在頁面上放置個上傳按鈕，使用POST提交到ajax.php。#ul_pics 用來顯示上傳完畢後的圖片。
<a class="btn" id="btn">上傳圖片</a> 最大500KB，支持jpg，gif，png格式。
<ul id="ul_pics" class="ul_pics clearfix"></ul>
接著，載入jQuery.js和plupload.full.min.js插件。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="plupload/plupload.full.min.js"></script>
當點擊按鈕「上傳圖片」後，彈出選擇文件對話框，按 "ctrl" 選擇多圖片上傳。然後調用 uploader.start() 方法，開始上傳。上傳中間過程我們可以用 UploadProgress 方法來顯示文件進度，最後通過 FileUploaded 來顯示對應的圖片。通過瀏覽器控制台，會發現上傳一張圖片，會向後台ajax.php請求一次。
var uploader = new plupload.Uploader({ //創建實例的構造方法
runtimes: 'html5,flash,silverlight,html4',
//上傳插件初始化選用那種方式的優先順序順序
browse_button: 'btn',
// 上傳按鈕
url: "ajax.php",
//遠程上傳地址
flash_swf_url: 'plupload/Moxie.swf',
//flash文件地址
silverlight_xap_url: 'plupload/Moxie.xap',
//silverlight文件地址
filters: {
max_file_size: '500kb',
//最大上傳文件大小（格式100b, 10kb, 10mb, 1gb）
mime_types: [ //允許文件上傳類型
{
title: "files",
extensions: "jpg,png,gif"
}]
},
multi_selection: true,
//true:ctrl多文件上傳, false 單文件上傳
init: {
FilesAdded: function(up, files) { //文件上傳前
if ($("#ul_pics").children("li").length > 30) {
alert("您上傳的圖片太多了！");
uploader.destroy();
} else {
var li = '';
plupload.each(files,
function(file) { //遍歷文件
li += "<li id='" + file['id'] + "'><div class='progress'><span class='bar'></span><span class='percent'>0%</span></div></li>";
});
$("#ul_pics").append(li);
uploader.start();
}
},
UploadProgress: function(up, file) { //上傳中，顯示進度條
$("#" + file.id).find('.bar').css({
"width": file.percent + "%"
}).find(".percent").text(file.percent + "%");
},
FileUploaded: function(up, file, info) { //文件上傳成功的時候觸發
var data = JSON.parse(info.response);
$("#" + file.id).html("<div class='img'><img src='" + data.pic + "'/></div><p>" + data.name + "</p>");
},
Error: function(up, err) { //上傳出錯的時候觸發
alert(err.message);
}
}
});
uploader.init();

C. 怎麼在頁面上用jquery獲取上傳文件時的文件名和文件的大小

這個無需用jquery, 但是瀏覽器必須要支持html5,
假設頁面上有一個文件域
<input type="file" id="file_input" />

var input = document.getElementById("file_input");

//文件域選擇文件時, 執行readFile函數
input.addEventListener('change',readFile,false);

function readFile(){
var file = this.files[0];
console.log("文件名:"+file.name);
console.log("文件類型:"+file.type);
console.log("文件大小:"+file.size);
}

D. 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,

E. jquery前端可以判斷上傳文件大小嗎

跟jquery沒有關系，html5的js原生api可以判斷，參考http://www.cnblogs.com/zichi/p/html5-file-api.html

F. 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;
}
}
}

G. 關於jQuery的文件大小

1.jquery庫文件一般情況下是不會影響到網速的，現在的最新版本v1.6.4，是90K左右，即便這個大小，對現在的用戶而言，也都是可以接受的。

2.網速變慢的原因往往不是js的大小，而js運行所需要的時間。比如現在一些網站用到了googlemap，那麼就要等到google map完全載入完才能看到整個網頁。

3.瀏覽器會有緩存，當第一次載入完類庫後，就會存在緩存中，當再次訪問這個類庫時，就不會再次下載，而是直接使用了。

所以放心的使用吧！

H. jquery 多個 上傳文件教程

jquery 實現多個上傳文件教程：

首先創建解決方案,添加jquery的js和一些資源文件(如圖片和進度條顯示等):

jquery-1.3.2.min.js
jquery.uploadify.v2.1.0.js
jquery.uploadify.v2.1.0.min.js
swfobject.js
uploadify.css

1、頁面的基本代碼如下

這里用的是aspx頁面(html也是也可的)

頁面中引入的js和js函數如下：

<scriptsrc="js/jquery-1.3.2.min.js"type="text/javascript"></script>
<scriptsrc="js/jquery.uploadify.v2.1.0.js"type="text/javascript"></script>
<scriptsrc="js/jquery.uploadify.v2.1.0.min.js"type="text/javascript"></script>
<scriptsrc="js/swfobject.js"type="text/javascript"></script>
<linkhref="css/uploadify.css"rel="stylesheet"type="text/css"/>

</script>

js函數：

<scripttype="text/javascript">
$(document).ready(function(){

$("#uploadify").uploadify({
'uploader':'image/uploadify.swf',//uploadify.swf文件的相對路徑，該swf文件是一個帶有文字BROWSE的按鈕，點擊後淡出打開文件對話框
'script':'Handler1.ashx',//script：後台處理程序的相對路徑
'cancelImg':'image/cancel.png',
'buttenText':'請選擇文件',//瀏覽按鈕的文本，默認值：BROWSE。
'sizeLimit':999999999,//文件大小顯示
'floder':'Uploader',//上傳文件存放的目錄
'queueID':'fileQueue',//文件隊列的ID，該ID與存放文件隊列的div的ID一致
'queueSizeLimit':120,//上傳文件個數限制
'progressData':'speed',//上傳速度顯示
'auto':false,//是否自動上傳
'multi':true,//是否多文件上傳
//'onSelect':function(e,queueId,fileObj){
//alert("唯一標識:"+queueId+"
"+
//"文件名："+fileObj.name+"
"+
//"文件大小："+fileObj.size+"
"+
//"創建時間："+fileObj.creationDate+"
"+
//"最後修改時間："+fileObj.modificationDate+"
"+
//"文件類型："+fileObj.type);

//}
'onQueueComplete':function(queueData){
alert("文件上傳成功！");
return;
}

});
});

頁面中的控制項代碼：

<body>
<formid="form1"runat="server">
<divid="fileQueue">
</div>
<div>
<p>
<inputtype="file"name="uploadify"id="uploadify"/>
<inputid="Button1"type="button"value="上傳"onclick="javascript:$('#uploadify').uploadifyUpload()"/>
<inputid="Button2"type="button"value="取消"onclick="javascript:$('#uploadify').uploadifyClearQueue()"/>
</p>
</div>
</form>
</body>

函數主要參數：

$(document).ready(function(){
$('#fileInput1').fileUpload({
'uploader':'uploader.swf',//不多講了
'script':'/AjaxByJQuery/file.do',//處理Action
'cancelImg':'cancel.png',
'folder':'',//服務端默認保存路徑
'scriptData':{'methed':'uploadFile','arg1','value1'},
//向後台傳遞參數,methed,arg1為參數名,uploadFile,value1為對應的參數值,服務端通過request["arg1"]
'buttonText':'UpLoadFile',//按鈕顯示文字,不支持中文,解決方案見下
//'buttonImg':'圖片路徑',//通過設置背景圖片解決中文問題,就是把背景圖做成按鈕的樣子
'multi':'true',//多文件上傳開關
'fileExt':'*.xls;*.csv',//文件過濾器
'fileDesc':'.xls',//文件過濾器詳解見文檔
'onComplete':function(event,queueID,file,serverData,data){
//serverData為伺服器端返回的字元串值
alert(serverData);
}
});
});

後台一般處理文件：

usingSystem;
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.IO;
usingSystem.Net;
usingSystem.Web;
usingSystem.Web.Services;
namespacefupload
{
///<summary>
///Handler1的摘要說明
///</summary>
publicclassHandler1:IHttpHandler
{

publicvoidProcessRequest(HttpContextcontext)
{
context.Response.ContentType="text/plain";

HttpPostedFilefile=context.Request.Files["Filedata"];//對客戶端文件的訪問

stringuploadPath=HttpContext.Current.Server.MapPath(@context.Request["folder"])+"\";//伺服器端文件保存路徑

if(file!=null)
{
if(!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);//創建服務端文件夾
}

file.SaveAs(uploadPath+file.FileName);//保存文件
context.Response.Write("上傳成功");
}

else
{
context.Response.Write("0");
}

}

publicboolIsReusable
{
get
{
returnfalse;
}
}
}
}

以上方式基本可以實現多文件的上傳，大文件大小是在控制在10M以下/。

I. 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"/>

測試的時候放伺服器上測試，本地不行的哈～

J. jquery1.8在IE11中獲取瀏覽器及版本號，及上傳文件時的文件絕對路徑和文件大小

獲取瀏覽器版本：
$(document).ready(function(){
var bro=$.browser;
var binfo="";
if(bro.msie) {binfo="Microsoft Internet Explorer "+bro.version;}
if(bro.mozilla) {binfo="Mozilla Firefox "+bro.version;}
if(bro.safari) {binfo="Apple Safari "+bro.version;}
if(bro.opera) {binfo="Opera "+bro.version;}
alert(binfo);

})

上傳文件的話，在客戶端的路徑可以用<input type="file" />中的值，伺服器端的路徑要看你服務端把它放到哪裡了，如果前台需要，可以在文件上傳完成後通過Ajax返回給客戶端