URI 上傳中文符

除了以上字符，其餘字符出如今URL之中都必須轉義，規則是根據操做系統的默認編碼，將每一個字節轉爲百分號（%）加上兩個大寫的十六進制字母。好比，UTF-8的操做系統上，http://www.example.com/q=春節...，漢字「春節」不是URL的合法字符，因此被瀏覽器自動轉成http://www.example.com/q=%E6%...。

其中，「春」轉成了%E6%98%A5，「節」轉成了%E8%8A%82。這是由於「春」和」節「的UTF-8編碼分別是E6 98 A5和E8 8A 82，將每一個字節前面加上百分號，就構成了URL編碼。

encodeURI 方法的參數是一個字符串，表明整個URL。它會將元字符和語義字符以外的字符，都進行轉義。encodeURIComponent只轉除了語義字符以外的字符，元字符也會被轉義。所以，它的參數一般是URL的路徑或參數值，而不是整個URL。

decodeURI用於還原轉義後的URL。它是encodeURI方法的逆運算。decodeURIComponent用於還原轉義後的URL片斷。它是encodeURIComponent方法的逆運算。

在瀏覽器地址欄裏，瀏覽器認爲%是個轉義字符，瀏覽器會把%與%之間的編碼，兩位兩位取出後進行解碼,而後再傳遞給後端，而後由後端進行再次解碼。

若是使用encodeURI()進行了一遍編碼，傳過去後，發現解碼出現問題，須要使用兩次encodeURI方法，例如encodeURI(encodeURI("中文"));第一次是把中文編碼成%xy的格式，第二次是對%xy中的%進行編碼%編碼成%25。

[引用地址](https://segmentfault.com/a/11...

HTMLDecode(text) { /*轉義 <p><b>123&456<*/
    var temp = document.createElement("div");
    temp.innerHTML = text;
    var output = temp.innerText || temp.textContent;
    temp = null;
    return output;
  }

  HTMLEncode(html) { /**反轉義 */
    var temp = document.createElement("div");
    (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);
    var output = temp.innerHTML;
    temp = null;
    return output;
  }