⑴ 怎麼在頁面上用jquery獲取上傳文件時的文件名和文件的大小
js">$("#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 讀取文件域中的文件並讀取
給題主幾個關鍵字：
HTML5，FileReader，FileList，readAsText
Jquery跟讀取本地文本文件沒有一點關系，jquery沒這個功能，內能做到的只容有HTML5的fileReader（當然你要說IE的話當我沒說）。使用的時候考慮下兼容性。
ps.最後再吐槽下題主的問題，如果你懸賞了很高的分數，我就不說啥了。關鍵是一分沒有，沒弄清楚問題，還「回答之前先調試」，別這么高傲好吧，別人給你思路就已經足夠你解決問題了。
⑶ jquery 如何跨域獲取XML文件
var
qsData
=
{'searchWord':$("#searchWord").attr("value"),'currentUserId':$("#currentUserId").attr("value"),'conditionBean.pageSize':$("#pageSize").attr("value")};
$.ajax({
async:false,
url:
http://跨域的dns/document!searchJSONResult.action,
type:
"GET",
dataType:
'jsonp',
jsonp:
'jsoncallback',
data:
qsData,
timeout:
5000,
beforeSend:
function(){
//jsonp
方式此方法不被觸發.原因可能是dataType如果指定為jsonp的話,就已經不是ajax事件了
},
success:
function
(json)
{//客戶端jquery預先定義好的callback函數,成功獲取跨域伺服器上的json數據後,會動態執行這個callback函數
if(json.actionErrors.length!=0){
alert(json.actionErrors);
}
genDynamicContent(qsData,type,json);
},
complete:
function(XMLHttpRequest,
textStatus){
$.unblockUI({
fadeOut:
10
});
},
error:
function(xhr){
//jsonp
方式此方法不被觸發.原因可能是dataType如果指定為jsonp的話,就已經不是ajax事件了
//請求出錯處理
alert("請求出錯(請檢查相關度網路狀況.)");
}
});
注意:$.getJSON("
http://跨域的dns/document!searchJSONResult.action?name1="+value1+"&jsoncallback=?",
function(json){
if(json.屬性名==值){
//
執行代碼
}
});
這種方式其實是上例$.ajax({..})
api的一種高級封裝,有些$.ajax
api底層的參數就被封裝而不可見了.
這樣,jquery就會拼裝成如下的url
get請求
http://跨域的dns/document!searchJSONResult.action?&jsoncallback=jsonp1236827957501&_=1236828192549&searchWord=%E7%94%A8%E4%BE%8B¤tUserId=5351&conditionBean.pageSize=15
在響應端(http://跨域的dns/document!searchJSONResult.action),
通過
jsoncallback
=
request.getParameter("jsoncallback")
得到jquery端隨後要回調的js
function
name:jsonp1236827957501
然後
response的內容為一個Script
Tags:"jsonp1236827957501("+按請求參數生成的json數組+")";
jquery就會通過回調方法動態載入調用這個js
tag:jsonp1236827957501(json數組);
這樣就達到了跨域數據交換的目的.
jsonp的最基本的原理是:動態添加一個<script>標簽，而script標簽的src屬性是沒有跨域的限制的。這樣說來,這種跨域方式其實與ajax
XmlHttpRequest協議無關了.
這樣其實"jQuery
AJAX跨域問題"就成了個偽命題了,jquery
$.ajax方法名有誤導人之嫌.
如果設為dataType:
'jsonp',
這個$.ajax方法就和ajax
XmlHttpRequest沒什麼關系了,取而代之的則是JSONP協議.
JSONP是一個非官方的協議，它允許在伺服器端集成Script
tags返回至客戶端，通過javascript
callback的形式實現跨域訪問
JSONP即JSON
with
Padding。由於同源策略的限制，XmlHttpRequest只允許請求當前源（域名、協議、埠）的資源。如果要進行跨域請求，
我們可以通過使用html的script標記來進行跨域請求，並在響應中返回要執行的script代碼，其中可以直接使用JSON傳遞javascript對象。
這種跨域的通訊方式稱為JSONP。
jsonCallback
函數jsonp1236827957501(....):
是瀏覽器客戶端注冊的，獲取跨域伺服器上的json數據後，回調的函數
Jsonp原理：
首先在客戶端注冊一個callback
(如:'jsoncallback'),
然後把callback的名字(如:jsonp1236827957501)傳給伺服器。
此時，伺服器先生成
json
數據。
然後以
javascript
語法的方式，生成一個function
,
function
名字就是傳遞上來的參數
'jsoncallback'的值
jsonp1236827957501
.
最後將
json
數據直接以入參的方式，放置到
function
中，這樣就生成了一段
js
語法的文檔，返回給客戶端。
客戶端瀏覽器，解析script標簽，並執行返回的
javascript
文檔，此時javascript文檔數據,作為參數，
傳入到了客戶端預先定義好的
callback
函數(如上例中jquery
$.ajax()方法封裝的的success:
function
(json))里.（動態執行回調函數）
可以說jsonp的方式原理上和<script
src="http://跨域/...xx.js"></script>是一致的(qq空間就是大量採用這種方式來實現跨域數據交換的)
.JSONP是一種腳本注入(Script
Injection)行為,所以也有一定的安全隱患.
注意,jquey是不支持post方式跨域的.
為什麼呢?
雖然採用post
+動態生成iframe是可以達到post跨域的目的(有位js牛人就是這樣把jquery1.2.5
打patch的),但這樣做是一個比較極端的方式,不建議採用.
也可以說get方式的跨域是合法的,post方式從安全形度上,被認為是不合法的,
萬不得已還是不要劍走偏鋒..
client端跨域訪問的需求看來也引起w3c的注意了,看資料說html5
WebSocket標准支持跨域的數據交換,應該也是一個將來可選的跨域數據交換的解決方案.
⑷ jquery 怎麼實現獲取文件夾里的文件
jQuery 目前還沒有這樣的能力，以後也不會有。
HTML5 File API 規范里有規定 FileReader 之類的功能，但只能用於讀取文件的內容，不能枚舉文件夾里的文件；目前尚沒有瀏覽器實現 FileWriter 寫入文件。
這個需求與 jQuery 無關，jQuery 要做的工作是 DOM 處理和常規技術性 Web 開發功能（而不是業務方面的，如文件、地理信息、畫圖等），因此即使目前受限於瀏覽器的支持情況， jQuery 現在沒有項功能，以後就算瀏覽器支持完備了，也不會添加這項功能。
⑸ jquery怎麼獲取獲取當前文件所在目錄
jquery 取得文件根目錄
jquery 取得文件根目錄
function getRootPath() {
//獲得根目錄
var strFullPath = window.document.location.href;
var strPath = window.document.location.pathname;
var pos = strFullPath.indexOf(strPath);
var prePath = strFullPath.substring(0, pos);
var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1);
return (prePath + postPath);
}
⑹ jquery通過load獲取文件的內容並跳到錨點的方法
本文實例講述了jquery通過load獲取文件的內容並跳到錨點的方法。分享給大家供大家參考。具體分析如下：
昨天在做一個類似於幫助文檔型的頁面，左邊是導航，右邊顯示的是內容。本來打算右邊內容顯示區域用iframe來實現，但由於要做iframe的適應高度所以就換了一種方法，使用jquery的ajax中的load方法。
獲取遠程文件中的內容很容易實現，直接使用jquery的load方法：
$("#content").load("xxx.aspx")
這樣很容易將xxx.aspx文件中的內容放在id為content的標簽中。現在還要實現的一個效果是：當我獲取文件的內容後，要跳到相應的錨點，於是就想到使用jquery的scrollTop，例如我獲取文件內容後，要調到id="name"的標簽：
$("body,html").animate({scrollTop:$("#name").offset().top});
offset()就是獲取匹配元素在當前視口的相對偏移，$("#name").offset().top就是獲取ID為name的標簽在當前視口距頂部的相對偏移。以上代碼綜合在一塊需這樣寫：
$(function(){
$("#content").load("xxx.aspx",function(){
$("body,html").animate({scrollTop:$("#name").offset().top});
});
})
為了避免點擊導航不斷的對伺服器發送請求，我們可以將每次獲取到的數據存儲起來。
當然，這個方法只適合不考慮SEO優化的頁面使用。
希望本文所述對大家的jQuery程序設計有所幫助。