牛牛截圖控件瀏覽器版調(diào)用說(shuō)明-資料下載頁(yè)
2025-06-27 05:24本頁(yè)面
【正文】 LoadedCallback。 //初始化控件 ()。}然后就是響應(yīng)控件加載完成的回調(diào)以及截圖完成的回調(diào)：/*當(dāng)控件成功加載后回調(diào)的的函數(shù)，您可以在此控制相應(yīng)的UI顯示 */function PluginLoadedCallback(success){ if(success) { $(39。imgshow39。).hide()。 $(39。imgshow39。).attr(39。src39。, ./image/?v=1)。 $(39。btnReload39。).hide()。 $(39。btnCapture39。).show()。 }}在完成事件后，可以通過(guò)Ajax將圖片數(shù)據(jù)上傳到服務(wù)器[如果是取消排隊(duì)等，需要做其他相應(yīng)處理]：vardata = userid=test111amp。picdata= + encodeURIComponent(picdata)。 //切記此處不可跨域來(lái)上傳圖片，因?yàn)榭缬虻脑?，無(wú)法以POST方式提交，只能上傳非常小的圖片數(shù)據(jù)，如果圖片大一點(diǎn)就不行了 $.ajax({type: POST,url: ./,dataType: jsonp,jsonp: callback,data: data, success: function (obj) {if(==0) {$(39。show39。).html(39。上傳成功，圖片地址：39。 + )。$(39。imgshow39。).show()。$(39。imgshow39。).attr(39。src39。, )。 }else {$(39。show39。).html(39。上傳失敗 :39。 + )。 } },error : function(){$(39。show39。).html(39。由于網(wǎng)絡(luò)原因，上傳失敗。39。)。 } })。此處后臺(tái)語(yǔ)言可以是任何的一種Web開(kāi)發(fā)語(yǔ)言，只要能正常的接受HTTP POST請(qǐng)求，并且將參數(shù)中的picdata進(jìn)行Base64Decode得到真正的圖片數(shù)據(jù)數(shù)組，然后再存儲(chǔ)到磁盤(pán)上即可，以下提供一種在C中的服務(wù)端實(shí)現(xiàn)：publicclassUpload : IHttpHandler {publicvoidProcessRequest(HttpContextcontext) { = text/plain。stringcallback = [callback]。stringstrValue = SavePictureAndReturn(context)。stringstrRet = callback + ( + strValue + )。(strRet)。 }privatestringSavePictureAndReturn(HttpContextcontext) {stringdata = [picdata]。byte[] byteData = null。byteData = (data)。stringimageName = 。( + imageName, byteData)。//{code:0,info:URL}intretCode = 0。stringstrInfo = ().ToLower()。strInfo = (0, ())。strInfo += imageName + ?ttt= + ()。return{ + (\code\:{0},\info\:\{1}\, retCode, strInfo) + }。 }publicboolIsReusable {get {returnfalse。 } } }注：，一般情況下，你不需要修改只文件內(nèi)容，只需要引用，并且自己另外寫(xiě)JS來(lái)與UI集成即可，具體見(jiàn)網(wǎng)站中的示例代碼()。12 / 12
規(guī)章制度相關(guān)推薦
鄂ICP備17016276號(hào)-1