❶ 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);
希望对您有帮助！权