web上傳文件進度條

1. 請問力控web頁面在區域網中打開很快，但是映射到外網後打開就一直在進度條，從來沒打開過。

你可以用telnet +外網地址+那個埠試試，看看埠號有沒有打開，這個現象應該是你沒有發布成功的現象，可能載入到100%就不顯示了，你需要清理下你網頁瀏覽的這台電腦的歷史記錄，一般在瀏覽器的工具中的internet中，清理好了後在力控中打開web伺服器配置頁面，將web根目錄中的文件都清空（這是之前發布的），下面的web伺服器ip和數據伺服器ip都要填你的那個外網ip，安全級別為無限制，然後將頁面重新編譯，然後全部重新發布下，應該就可以了。

2. iOS WKWebView與H5交互，JS調OC傳值、OC調JS傳值、進度條載入等(干貨滿滿)

WKWebView是蘋果在iOS 8之後推出的框架，關於它比webview的優勢這里就不講了。主要說一下與JS交互的問題，其實WKWebView已經內置了JS與OC的互調、傳值等方法，使用起來也非常方便，下面就來細細的探討一下以及自己遇到過的坑...

首先來看下WKWebView的初始化相關設置：

一、導入相關頭文件、設置相關代理和屬性

二、WKWebView初始化

注意:
樓主遇到的第一個坑：如果JS給OC傳值為空，必須寫成: postMessage(null)，如果什麼都不寫，方法是調不通的。

1、在viewWillAppear中配置， addScriptMessageHandler name: "這里就是JS的方法，方法名必須統一"

樓主遇到的第二個坑：配置完後必須在 viewWillDisappear 中 remove，否則會造成循環引用，導致crash

2、實現 WKScriptMessageHandler 協議

以上就是JS調OC，JS向OC傳值...

樓主這里舉三個例子：
1: webview載入完成前，將用戶信息傳給js
2: webview載入完成，將相關信息傳給js
3: 調用相冊或相機時，將選擇的圖片請求後台介面，後台返回圖片地址，將該地址回傳給H5，H5將圖片顯示到頁面上

第一個例子: webView載入完成前傳值
因為 evaluateJavaScript 方法默認是在載入完成後調用，所以直接在頁面開始載入中調用是傳不過去的，這個時候怎麼辦呢？ 我們可以讓js端寫兩個方法， 第一個方法是js端開始向oc端發起信息需求的方法名，當oc端收到該方法名的時候，就去調用js端第二個獲取傳值的方法，把信息傳遞過去。

先讓JS端寫個方法調OC，OC實現方法後在這個方法內部給JS傳值

在WKScriptMessageHandler協議中，實現該方法，然後在方法內部給JS傳值

注意： 以上就是在Webview載入完成前傳值，如果列印沒報錯，證明傳參成功，如果web端沒收到，讓他把獲取到值的方法寫到頁面中即可。

第二個例子: webView載入完成,傳值給js

第三個例子: 傳圖片地址給js，js拿到後顯示圖片

1：拍照事件

1.1：將拍的照片請求上傳圖片介面，成功返回圖片地址，並傳值給H5

2: 從相冊中選取照片

2.2：將相冊中選取的照片請求上傳圖片介面，成功返回圖片地址，並傳值給H5

注意: getPhotoCallback 即為調用的方法名，後面傳值格式必須為: ('') ， 這里遇到了第三個坑， 如果方法名寫為: 名稱.名稱 (例如：hello. getPhotoCallback)，這種是調不通的，可以寫成hello_getPhotoCallback的形式，一般的話最好還是定義一個完整的名稱。 剛開始這個問題卡了比較久，一直調不通，在此記錄一下.....

在 viewDidLoad 中注冊進度條監聽

開始載入網頁

載入完成

載入失敗

頁面跳轉失敗

progressView懶載入

添加監聽觀察者

最後別忘記 removeObserver

Demo地址: https://github.com/zhwIdea/WKWebViewAndJS

3. php中上傳文件的方法有多少種

一、傳統的php寫的上傳類。
寫一個php的上傳類，這個方法用到的知識全部是php的，而且技術的難點也不多。
<form method="post" action="upload.php" enctype="multipart/form-data">
<table border=0 cellspacing=0 cellpadding=0 align=center width="100%">
<input type="hidden" name="MAX_FILE_SIZE" value="2000000">//隱藏域。這里name必須設置成MAX_FILE_SIZE，其值就是上傳文件的最大長度，單位是B，這里我限製成2M
<input name="file" type="file" value="瀏覽" >
< input type="submit" value="上傳" name="B1">
</table>
</form>

服務端利用php的$_FILES['file']['name']來獲取文件後綴名，具體的代碼自己查找資料看看，這里就不多說了。
總結;這個方法可以用來上傳小於2M的文件或者是圖片，基本的功能可以實現。
二、利用uploadify插件
這個是利用jQuery的上傳插件，上傳可以帶進度條，容易配置。
總結：可以上傳一些大文件，和圖片，而且帶進度條，可以多文件上傳，在WEB中會經常用。
三、利用網路的webupload
WebUploader 是由 Bai FEX 團隊開發的一款以 HTML5 為主，FLASH 為輔的現代文件上傳組件。在現代的瀏覽器裡面能充分發揮 HTML5 的優勢，同時又不摒棄主流IE瀏覽器，沿用原來的 FLASH 運行時，兼容 IE6+，iOS 6+, Android 4+。採用大文件分片並發上傳，極大的提高了文件上傳效率。
四、swfupload的插件

這是一個jquery的上傳插件，功能也非常強大，開發也比較容易，網上有很多的資料，可以自行查找。

4. asp上傳圖片原理（不要代碼）只求論理

asp無組件上傳的原理

一、無組件上傳的原理
我還是一點一點用一個實例來說明的吧，客戶端HTML如下。要瀏覽上傳附件，我們通過<input type="file">元素，但是一定要注意必須設置form的enctype屬性為"multipart/form-data"：

<form method="post" action="upload.asp" enctype="multipart/form-data">
<label>
<input type="file" name="file1" />
</label>
<br />
<input type="text" name="filename" value="default filename"/>
<br />
<input type="submit" value="Submit"/>
<input type="reset" value="Reset"/>
</form>

在後台asp程序中，以前獲取表單提交的ASCII 數據，非常的容易。但是如果需要獲取上傳的文件，就必須使用Request對象的BinaryRead方法來讀取。BinaryRead方法是對當前輸入流進行指定位元組數的二進制讀取，有點需要注意的是，一旦使用BinaryRead 方法後，再也不能使用Request.Form 或 Request.QueryString 集合了。結合Request對象的TotalBytes屬性，可以將所有表單提交的數據全部變成二進制，不過這些數據都是經過編碼的。首先讓我們來看看這些數據是如何編碼的，有無什麼規律可循，編段代碼，在代碼中我們將BinaryRead讀取的二進制轉化為文本，輸出出來，在後台的upload.asp中（注意該示例不要上傳大文件，否則可能會造成瀏覽器死掉）：
<%
Dim biData, PostData
Size = Request.TotalBytes
biData = Request.BinaryRead(Size)
PostData = BinaryToString(biData,Size)
Response.Write "<pre>" & PostData & "</pre>" '使用pre，原樣輸出格式
' 藉助RecordSet將二進制流轉化成文本
Function BinaryToString(biData,Size)
Const adLongVarChar = 201
Set RS = createObject("ADODB.Recordset")
RS.Fields.Append "mBinary", adLongVarChar, Size
RS.Open
RS.AddNew
RS("mBinary").AppendChunk(biData)
RS.update
BinaryToString = RS("mBinary").Value
RS.Close
End Function
%>

簡單起見，上傳一個最簡單的文本文件(G:\homepage.txt，內容為"寶玉：http://www.webuc.net")來試驗一下，文本框filename中保留默認值"default filename"，提交看看輸出結果：

-----------------------------7d429871607fe
Content-Disposition: form-data; name="file1"; filename="G:\homepage.txt"
Content-Type: text/plain
寶玉：http://www.webuc.net
-----------------------------7d429871607fe
Content-Disposition: form-data; name="filename"
default filename
-----------------------------7d429871607fe--
可以看出來對於表單中的項目，是用過"-----------------------------7d429871607fe"這樣的邊界來分隔成一塊一塊的，每一塊的開始都有一些描述信息，例如：Content-Disposition: form-data; name="filename"，在描述信息中，通過name="filename"可以知道表單項的name。如果有filename="G:\homepage.txt"這樣的內容，說明是一個上傳的文件，如果是一個上傳的文件，那麼描述信息會多一行Content-Type: text/plain來描述文件的Content-Type。描述信息和主體信息之間是通過換行來分隔的。

嗯，基本上清晰了，根據這個規律我們就知道該怎麼來分離數據，再對分離的數據進行處理了，不過差點忽略一個問題，就是邊界值(上例中的"-----------------------------7d429871607fe")是怎麼知道的？每次上傳這個邊界值是不一樣的，還好還好asp中可以通過Request.ServerVariables( "HTTP_CONTENT_TYPE")來獲之，例如上例中HTTP_CONTENT_TYPE內容為："multipart/form-data; boundary=---------------------------7d429871607fe"，有了這個，我們不僅可以判斷客戶端的form中有無使用enctype="multipart/form-data"(如果沒有使用，那麼下面就沒必要執行啦)，還可以獲取邊界值boundary=---------------------------7d429871607fe。（注意：這里獲取的邊界值比上面的邊界值開頭要少"--"，最好補充上。）

至於如何分析數據的過程我就不多贅述了，無非就是藉助InStr,Mid等這樣的函數來分離出來我們想要的數據。

二、分塊上傳，記錄進度
要實時反映進度條，實質就是要實時知道當前伺服器獲取了多少數據？再回想一下我們實現上傳的過程，我們是通過Request.BinaryRead(Request.TotalBytes)來實現的，在Request的過程中我們無法得知當前伺服器獲取了多少數據。所以只能通過變通的方法了，如果我們可以將獲取的數據分成一塊一塊的，然後根據已經上傳的塊數我們就可以算出來當前上傳了多大了！也就是說，如果我1K為1塊，那麼上傳1MB的輸入流就分成1024塊來獲取，例如我當前已經獲取了100塊，那麼就表明當前上傳了100K。當我提出分塊的時候很多人覺得不可思議，因為他們都忽略BinaryRead方法不僅是可以讀取指定大小，而且可以連續讀取的。

寫個例子來驗證一下分塊讀取的完整性，在剛才的例子基礎上（注意該示例不要上傳大文件，否則可能會造成瀏覽器死掉）：

<%
Dim biData, PostData, TotalBytes, ChunkBytes
ChunkBytes = 1 * 1024 ' 分塊大小為1K
TotalBytes = Request.TotalBytes ' 總大小
PostData = "" ' 轉化為文本類型後的數據
ReadedBytes = 0 ' 初始化為0
' 分塊讀取
Do While ReadedBytes < TotalBytes
biData = Request.BinaryRead(ChunkBytes) ' 當前塊
PostData = PostData & BinaryToString(biData,ChunkBytes) ' 將當前塊轉化為文本並拼接
ReadedBytes = ReadedBytes + ChunkBytes ' 記錄已讀大小
If ReadedBytes > TotalBytes Then ReadedBytes = TotalBytes
Loop
Response.Write "<pre>" & PostData & "</pre>" ' 使用pre，原樣輸出格式
' 將二進制流轉化成文本
Function BinaryToString(biData,Size)
Const adLongVarChar = 201
Set RS = createObject("ADODB.Recordset")
RS.Fields.Append "mBinary", adLongVarChar, Size
RS.Open
RS.AddNew
RS("mBinary").AppendChunk(biData)
RS.update
BinaryToString = RS("mBinary").Value
RS.Close
End Function
%>

試驗一下上傳剛才的文本文件，輸出結果證明這樣分塊讀取的內容是完整的，並且在While循環中，我們可以在每次循環時將當前狀態記錄到Application中，然後我們就可以通過訪問該Application動態獲取上傳進度條。

另：上例中是通過字元串拼接的，如果是要拼接二進制數據，可以通過ADODB.Stream對象的Write方法，示例代碼如下：

Set bSourceData = createobject("ADODB.Stream")
bSourceData.Open
bSourceData.Type = 1 'Binary
Do While ReadedBytes < TotalBytes
biData = Request.BinaryRead(ChunkBytes)
bSourceData.Write biData ' 直接使用write方法將當前文件流寫入bSourceData中
ReadedBytes = ReadedBytes + ChunkBytes
If ReadedBytes > TotalBytes Then ReadedBytes = TotalBytes
Application("ReadedBytes") = ReadedBytes
Loop

三、保存上傳的文件
通過Request.BinaryRead獲取提交數據，分離出上傳文件後，根據數據類型的不同，保存方式也不同：

對於二進制數據，可以直接通過ADODB.Stream對象的SaveToFile方法，將二進制流保存成為文件。
對於文本數據，可以通過TextStream對象的Write方法，將文本數據保存到文件中。
對於文本數據和二進制數據，是可以方便的相互轉換的，對於上傳小文件來說，兩者基本上沒什麼差別。但是兩種方式保存時還是有一些差別的，對於ADODB.Stream對象，必須將所有數據全部裝載完才可以保存成文件，所以使用這種方式如果上傳大文件將很佔用內存，而對於TextStream對象，可以在文件創建好後，一次Write一部分，分多次Write，這樣的好處是不會佔用伺服器內存空間，結合上面分析的分塊獲取數據原理，我們可以每獲取一塊上傳數據就將之Write到文件中。我曾做過試驗，同樣本機上傳一個200多MB的文件，使用第一種方式內存一直在漲，到最後直接提示計算機虛擬內存不足，最可恨是即使進度條表示文件已經上傳完，但是最終文件還是沒有保存上。而使用後一種方法，上傳過程中內存基本上無什麼變化。

四、未解決的難題
我在博客園上看到Bestcomy描述他的Asp.Net上傳組件是可以和Sever.SetTimeOut無關的，而在Asp中我是沒能做到，對於上傳大文件，就只有將Server.SetTimeOut設置為一個很大的值才可以。不知道有沒有比較好的解決方法。

如果我們在保存文件時，使用TextStream對象的Write方法，那麼如果用戶上傳時中斷了文件傳輸，已經上傳的那部分文件還是在的，如果可以斷點續傳就好了。關鍵問題是Request.BinaryRead方法雖然可以分塊讀取，但是卻不能跳過某一段讀取！