摘要：第三種，使用格式，即在中請(qǐng)求參數(shù)處理跨域問題當(dāng)然請(qǐng)求方式只能是。最后發(fā)現(xiàn)有網(wǎng)友說版本不穩(wěn)定引起的，于是把百度地圖回退到了，結(jié)果還真是可以了。請(qǐng)問在移動(dòng)端頁面中播放優(yōu)酷里面的視頻，怎樣實(shí)現(xiàn)

步驟       WEB平臺(tái)                手機(jī)
第1步      生成二維碼
第2步     （ajax監(jiān)控后臺(tái)）          掃碼
第3步     （ajax監(jiān)控后臺(tái)）          確定（后臺(tái)異步通知WEB平臺(tái)）
第4步      AJAX發(fā)現(xiàn)狀態(tài)改變，登陸成功

ajax監(jiān)控后臺(tái)的流程：生成二維碼后

setTimeout(function(){
    //AJAX請(qǐng)求，檢測(cè)狀態(tài)
},5000);

整體思路：

前端調(diào)用后臺(tái)生成二維碼的API，獲取到二維碼圖片和所包含的信息（通常是一個(gè)唯一ID）

前端檢測(cè)（通過輪詢或者websock，自己選擇）是否有手機(jī)掃碼，通過調(diào)用后臺(tái)接口API，參數(shù)為上面的唯一ID

手機(jī)掃描二維碼登陸，手機(jī)端可以獲取到二維碼里的信息ID，帶上當(dāng)前登陸用戶ID和二維碼里的ID調(diào)用后臺(tái)接口。后臺(tái)存儲(chǔ)這個(gè)二維碼的數(shù)據(jù)，加上登錄用戶信息，當(dāng)前臺(tái)調(diào)用API時(shí)，給返回登錄成功。

前端獲取到登錄成功，進(jìn)行跳轉(zhuǎn)

微信與支付寶的掃碼登錄是有一些區(qū)別的，微信目前是一個(gè)持續(xù)27s的長(zhǎng)連接請(qǐng)求；而支付寶是持續(xù)循環(huán)的短連接請(qǐng)求。其實(shí)原理是一樣的。

首先，前端調(diào)用二維碼接口，獲取圖片二維碼以及用戶唯一表示uid，然后與服務(wù)器建立長(zhǎng)連接請(qǐng)求，詢問是否有用戶掃碼登錄。

用戶用APP掃碼之后，會(huì)請(qǐng)求服務(wù)器接口，將用戶信息與二維碼的uid綁定，前端的長(zhǎng)連接就可以請(qǐng)求到當(dāng)前uid對(duì)應(yīng)的用戶，從而進(jìn)行登錄操作。
前端的長(zhǎng)連接請(qǐng)求類似以下代碼：

問題地址：web掃碼登錄怎么實(shí)現(xiàn)，求個(gè)思路

為什么在input標(biāo)簽類型為file上傳文件時(shí)在標(biāo)簽中設(shè)置屬性 accpet="image/*"，打開本地文件夾的速度特別慢？

經(jīng)過測(cè)試發(fā)現(xiàn)，在mac里面safari、Firefox、Chrome(opera不知道為啥老閃退)都沒有卡頓問題

在windows里面，Firefox不卡頓，只有Chrome卡頓。

于是我決定先去掉accpet試試……
果然就沒有了卡頓的問題。
那么本包在試試accpet="image/jpg"果然也不卡卡的了??！
看來問題的所在就是"image/*"

但是寫accpet的原意是要想要篩選出所有圖片_(:з」∠)_
那么為了實(shí)現(xiàn)這個(gè)需求，同時(shí)提高用戶體驗(yàn)，只能采取枚舉了

修改后的代碼

再試試，果然妥妥的了！

原來是因?yàn)镃hrome的SafeBrowsing功能會(huì)在上傳或保存時(shí)檢查文件，
如果網(wǎng)絡(luò)連接到google的速度比較快呢，就沒有什么問題。
但是如果連接比較慢，或者干脆跪掉了，那SafeBrowsing就會(huì)讓Chrome掛起一段時(shí)間，直到文件檢查結(jié)束或者超時(shí)

使用accept="image/png, image/jpeg, image/gif"就可以解決這個(gè)問題，因?yàn)檫@些MIME類型在SafeBrowsing的白名單里面，不需要檢查。
但是如果用像是accept="image/*"這樣的呢，就不行了，就有可能變得卡卡的。

解決跨域的解決辦法有多種，比如jsonp，或者apache 或者nigix里面配置，或者后端的php或者java中配置 cross orgion。

在網(wǎng)上搜了一圈，發(fā)現(xiàn)處理方式都差不多，但是我們得清楚這些到底怎么用。

先看下這段代碼：

這段代碼作用是啥，其實(shí)這個(gè)是解決flash跨域的解決辦法。

看淘寶的使用方式：

https://www.taobao.com/crossdomain.xml

一般crossdomain.xml的位置是放到項(xiàng)目的根目錄下。

下面舉例關(guān)于字體跨域的解決方法：

直接了當(dāng)了說，解決此類問題，最直接的方法就是，就是給被請(qǐng)求的服務(wù)器，添加HTTP頭響應(yīng)頭，這里提供兩種添加HTTP頭的方法：

第一種，就是在程序中添加HTTP頭：

如： Response.Headers.Add("Access-Control-Allow-Origin", "*");
// JSON
{
  "Access-Control-Allow-Origin": "*", 
}
// HTML

// PHP
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");

添加此段代碼的目的很簡(jiǎn)單，也就是告訴瀏覽器，這個(gè)資源是運(yùn)行遠(yuǎn)程所有域名訪問的。當(dāng)然，此處的也可以替換為指定的域名，出于安全考慮，建議將替換成指定的域名。

第二種，就是在服務(wù)器上，添加HTTP響應(yīng)頭。在這里，我們就以IIS6.0為例：

在被請(qǐng)求的網(wǎng)站上，設(shè)置HTTP頭，添加“

//在被請(qǐng)求的網(wǎng)站上，設(shè)置HTTP頭，添加
"Access-Control-Allow-Origin:*" //值為*或指定的域名。

第三種，使用JSONP格式，即在jQuery中ajax請(qǐng)求參數(shù)dataType:"JSONP"：

當(dāng)然請(qǐng)求方式只能是get。

參考地址：
關(guān)于跨域策略文件crossdomain.xml文件
瀏覽器攔截跨域請(qǐng)求處理方法（同源策略不允許讀取XXX上的遠(yuǎn)程資源）

在請(qǐng)求的時(shí)候，一般在url后面都會(huì)添加一個(gè)時(shí)間戳，比如：

url:"/order/order.shtml?time="+new Date()

但是IE11卻不進(jìn)入這個(gè)ajax請(qǐng)求，在網(wǎng)上查了下，說IE不支持時(shí)間對(duì)象作為參數(shù)。

于是我改了一下：

url:"/order/order.shtml?time="+new Date().getTime()

如題所示：

sss
 //ps:不加紅顯示不了p標(biāo)簽。

在火狐下面還是新窗口打開一個(gè)頁面。解決辦法：

document.body.ondrop = function (event) {
    event.preventDefault();
    event.stopPropagation();
}

問題地址：https://segmentfault.com/q/1010000004689615

今天在論壇上看到這樣一個(gè)問題，有必要編輯搜集下。

問題描述：怎么通過js獲取上傳的圖片信息（臨時(shí)保存路徑，名稱，大?。┤缓笸ㄟ^ajax傳遞給后端

題主用jquery接收

用的方法是：

var input = document.getElementById("c_pic");
input.addEventListener("change",readFile,false);

function readFile(){ 
var file = this.files[0]; 
}

題主想用ajax 的post方法把上傳圖片的相關(guān)信息傳給后端，
接收到的file是個(gè)object file，
請(qǐng)問怎么轉(zhuǎn)換成能夠用post傳遞的數(shù)據(jù)格式？

當(dāng)時(shí)我看到這個(gè)題目就想這還不簡(jiǎn)單，直接把file通過JSON.stringify(file)（注：stringify()用于從一個(gè)對(duì)象解析出字符串），代碼如下：

var input = document.getElementById("c_pic");
input.addEventListener("change",readFile,false);

function readFile(){ 
var file = this.files[0];
var file_json = JSON.stringify(file);
console.log(file_json); //打印出來是: {}
$.post("",file_json);
}

發(fā)現(xiàn)打印出來的是一個(gè)空的對(duì)象：{}；有知道的麻煩告知，感激不盡！

于是換了一種思路用uploadfile插件或百度的webuploader，其中jQuery File Upload 是一個(gè)Jquery圖片上傳組件，支持多文件上傳、取消、刪除，上傳前縮略圖預(yù)覽、列表顯示圖片大小，支持上傳進(jìn)度條顯示；支持各種動(dòng)態(tài)語言開發(fā)的服務(wù)器端。
如果支持html5，可以使用FormData Ajax上傳也能實(shí)現(xiàn)的。

最近在網(wǎng)頁中調(diào)用百度地圖API js大眾版，但是在IOS8系統(tǒng)中，縮放的時(shí)候頻繁閃退，安卓手機(jī)沒有這個(gè)問題！

在網(wǎng)上查詢了下，有網(wǎng)友回答說不要頻繁的去new marker，而是初始化話一定量的marker，然后setPosition。但是我的頁面中匹配當(dāng)前城市 注入marker也沒有幾個(gè)，所以排除這答案。

最后發(fā)現(xiàn)有網(wǎng)友說版本不穩(wěn)定引起的，于是把百度地圖API回退到了1.5，結(jié)果還真是可以了。

百度地圖API調(diào)用：

問題參考地址：http://bbs.lbsyun.baidu.com/forum.php?mod=viewthread&tid=84541

最近的有關(guān)項(xiàng)目需要使用video標(biāo)簽播放視頻，并且視頻的路徑src是優(yōu)酷里面的視頻，所以需要得到優(yōu)酷里面的mp4路徑才能播放。

但是在網(wǎng)上查了下資料，看到優(yōu)酷的播放格式是一個(gè)m3u8文件。

M3U8文件是指UTF-8編碼格式的M3U文件。M3U文件是記錄了一個(gè)索引純文本文件，打開它時(shí)播放軟件并不是播放它，而是根據(jù)它的索引找到對(duì)應(yīng)的音視頻文件的網(wǎng)絡(luò)地址進(jìn)行在線播放。

請(qǐng)問在移動(dòng)端頁面中播放優(yōu)酷里面的視頻，怎樣實(shí)現(xiàn)？