① 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);
希望對您有幫助!
② jquery怎麼點擊彈出上傳選項
放一個input:file,然後設置為不可見,當點擊頭像時
$("#頭像").click(function(){
$("#input[type=file]").click();
});
③ file控制項選擇上傳文件確定後觸發的js事件是哪個
file控制項選擇上傳文件確定後觸發的js事件是onchange事件。
④ jquery uploadify上傳插件fileExt屬性無效,使用時不過濾文件類型。
fileTypeExt→fileTypeExts
⑤ java jquery 點擊按鈕選擇文件,直接傳後台處理
使用ajaxfileupload.js插件抄
通過AJAX構造表襲單提交文件
給你一個人家寫好的JAVA演示調用地址:
http://www.blogjava.net/sxyx2008/archive/2010/11/02/336826.html
⑥ 怎麼在頁面上用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.fileUpload.js文件上傳問題
了解,fileuploader方法需要先初始化,然後才能觸發上傳,並不需要你手動觸發change事件
你只需回
html
<form>
file:<inputtype="file"id="file"name="file">
</form>
js
$('#file').on('change',function(){
//這里可以做校驗,返回答false就不會觸發下面的上傳插件,否則就會觸發上傳
if(!this.value||this.value.indexOf('.jpg')==-1){
returnfalse;
}
});
//初始化上傳插件
$('#file').fileupload({
autoUpload:true,//這里為true,則選中文件後就會自動上傳
url:'',
done:$.noop,
fail:$.noop
});
⑧ jquery.load.js怎麼判上傳文件類型
下面是我用jquery寫的選中後立馬判斷選中的文件的類型,不是的話提示,然後清除,對應的可以自己改成純js形式:
//文件上傳文件選擇後事件
$(document).ready(function() {
$("input[id^='fileToUpload']").each(
//這里是用了each因為是多文件上傳,input的id都是fileToUpload 開頭
function() {
$("#" + $(this).attr("id") + "").live('change',function() {
var fileName = $(this).val();
if (fileName != null&& fileName != "") {
//lastIndexOf如果沒有搜索到則返回為-1
if (fileName.lastIndexOf(".") != -1) {
var fileType = (fileName.substring(fileName.lastIndexOf(".") + 1,
fileName.length)).toLowerCase();
var suppotFile = new Array();
suppotFile[0] = "jpg";
suppotFile[1] = "gif";
suppotFile[2] = "bmp";
suppotFile[3] = "png";
suppotFile[4] = "jpeg";
for ( var i = 0; i < suppotFile.length; i++) {
if (suppotFile[i] == fileType) {
if (fileName.length > 100) {
alert("文件名長度不能超過100字元");
if (!window.addEventListener) {
document.getElementById(fileName[j]).outerHTML+=''; //IE清除inputfile
}else {
document.getElementById(fileName[j]).value = ""; //FF清除inputfile
}
return false;
}
return true;
} else {
continue;
}
}
alert("文件類型不合法,只支持 jpg、gif、png、jpeg類型!");
if (!window.addEventListener) {
document.getElementById(fileName[j]).outerHTML+=''; //IE
}else {
document.getElementById(fileName[j]).value = ""; //FF
}
return false;
} else {
alert("文件類型不合法,只支持 jpg、gif、png、jpeg類型!");
if (!window.addEventListener) {
document.getElementById(fileName[j]).outerHTML+=''; //IE
}else {
document.getElementById(fileName[j]).value = ""; //FF
}
return false;
}
}
});
});
});
⑨ Js/Jquery獲取input file的文件名
Js/Jquery獲取input file的文件名:
alert("d:/userAdmin/uploads/20120515_115146.jpg".match(/[^/]*$/)[0]);
document.getElementById("id值").value==$("#id值").val()
上面的例子就是js和jquery的區別,都是通過id值 獲取信息。左邊內是js寫法容,右邊是jquery寫法
你可以把jquery 理解成js的封裝,使js更加簡潔,快捷。它把相同的操作封裝起來,使用的時候直接調用。
⑩ 求用js和jquery分別實現文件上傳時增加刪除文件域效果,不要上傳能功,只求增刪文件域
.......增刪文件域,沒有必要真的去掉,可以設置為點擊時隱藏文件域即可。