❶ jQuery fileupload 多文件上傳
//js
$(function(){
//文件上傳地址
//varurl='http://localhost/index.php/upload/do_upload';
varurl='http://localhost/index.php/uploadwe';
//初始化，主要是設置上傳參數，以及事件處理方法(回調函數)
$('#fileupload').fileupload({
autoUpload:true,//是否自動上傳
//url:url,//上傳地址
dataType:'json',
done:function(e,data){//設置文件上傳完畢事件的回調函數
//$.each(data.result.files,function(index,file){
$("#myimg").attr({src:data.result.imgurl});
$("#myimg").css({width:"290px",height:"218px"});
//alert(data.result);
},
progressall:function(e,data){//設置上傳進度事件的回調函數
varprogress=parseInt(data.loaded/data.total*5,10);
$('#progress.bar').css(
'width',
progress+'%'
);
}
});
});
//上傳至服務後，伺服器返回json數據--上傳圖片的地址。
//html
<labelfor="text">上傳圖片</label>
<inputid="fileupload"type="file"name="files"data-url="<spanstyle="color:#ff6666;">jquery_save_img</span>"multiple>
//data-url為上傳至伺服器端的處理介面/地址，可替換js中的url
//伺服器端
functionjquery_save_img()
{
$arrType=array('image/jpg','image/gif','image/png','image/bmp','image/pjpeg','image/jpeg');
$max_size='500000000000';//最大文件限制（單位：byte）
$upfile='./uploads';//圖片目錄路徑
$file=$_FILES['files'];
/*
echo'filename:'.$file['tmp_name'].';<br/>';
echo'size:'.$file['size'].';<br/>';
echo'type:'.$file['type'].';<br/>';
echo'name:'.$file['name'].';<br/>';
*/
if($_SERVER['REQUEST_METHOD']=='POST'){//判斷提交方式是否為POST
if(!is_uploaded_file($file['tmp_name'])){//判斷上傳文件是否存在
echo"<fontcolor='#FF0000'>文件不存在！</font>";
exit;
}
if($file['size']>$max_size){//判斷文件大小是否大於500000位元組
echo"<fontcolor='#FF0000'>上傳文件太大！</font>";
exit;
}
if(!in_array($file['type'],$arrType)){//判斷圖片文件的格式
echo"<fontcolor='#FF0000'>上傳文件格式不對！</font>xxx:".$file['type'];
exit;
}
if(!file_exists($upfile)){//判斷存放文件目錄是否存在
mkdir($upfile,0777,true);
}
$imageSize=getimagesize($file['tmp_name']);
$img=$imageSize[0].'*'.$imageSize[1];
$fname=$file['name'];
$ftype=explode('.',$fname);
$picName=$upfile."/cloudy".$fname;
if(file_exists($picName)){
//echo"<fontcolor='#FF0000'>同文件名已存在！</font>";
//exit;
}
if(!move_uploaded_file($file['tmp_name'],$picName)){
echo"<fontcolor='#FF0000'>移動文件出錯！</font>";
exit;
}
else{
/*
echo"<fontcolor='#FF0000'>圖片文件上傳成功！</font><br/>";
echo"<fontcolor='#0000FF'>圖片大小：$img</font><br/>";
echo"圖片預覽：<br><divstyle='border:#F001pxsolid;width:200px;height:200px'>
<imgsrc="".$picName.""width=200pxheight=200px>".$fname."</div>";
*/
echo'{"imgurl":"http://localhost/uploads/cloudy'.$fname.'"}';
}
}
}
❷ 怎麼用js來獲取 fileupload中的上傳文件的文件名
在firefox上，input（type=file）默認獲取到的value值就是文件名。回
在IE上，input（type=file）默認獲取到的value值是答路徑。
因此用js來獲取fileupload中的上傳文件的文件名需要多方面考慮。
你可以試下一下
function getFileName(path){
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
if( pos<0 )
return path;
else
return path.substring(pos+1);
}
❸ jquery 怎麼實現獲取文件夾里的文件
html代碼：
<div id="divForm">
文件：<input type="file" id="myfile">
<input type="button" id="btnOpen" value="展示文件">
</div>
內容展示：
<div id="divShow" style="width:400px;height:300px;border:1px solid gray">
</div>js代碼：
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
//按鈕點擊事件
$("#btnOpen").click(function(){
//得到選擇的文件的路徑及文件名
var path=$("#myfile").val();
//載入本地文件
$.get(path).success(function(content){
// content就為文件data.txt的文本內容了
$("#divShow").html(content);
});
});
});
</script>
❹ 用jquery 讀取文件域中的文件並讀取
給題主幾個關鍵字：
HTML5，FileReader，FileList，readAsText
Jquery跟讀取本地文本文件沒有一點關系，jquery沒這個功能，內能做到的只容有HTML5的fileReader（當然你要說IE的話當我沒說）。使用的時候考慮下兼容性。
ps.最後再吐槽下題主的問題，如果你懸賞了很高的分數，我就不說啥了。關鍵是一分沒有，沒弄清楚問題，還「回答之前先調試」，別這么高傲好吧，別人給你思路就已經足夠你解決問題了。
❺ 怎麼在頁面上用jquery獲取上傳文件時的文件名和文件的大小
$("#some").change(function(){
varfile=$('#some').get(0).files[0];
if(file){
varfileSize=0;
if(file.size>1024*1024)fileSize=(Math.round(file.size*100/(1024*1024))/100).toString()+'MB';
elsefileSize=(Math.round(file.size*100/1024)/100).toString()+'KB';
console.log(file.name,fileSize,file.type);
}
});
低版本ie不一定支專持屬
❻ jquery如何獲取input(file)控制項上傳的圖片名稱，即"11111.jpg"
html代碼：
<input name="" type="file" id="fil"/>
Jquery代碼：
var str;
$('#fil').change(function(){
str=$(this).val();
})
var arr=str.split('\\');//注split可以用字元或字元串分割
var my=arr[arr.length-1];//這就是要取得的圖版片名稱
alert(my);
希望對您有幫助！權