鍍金池/ 問(wèn)答/HTML/ createObjectURL jquery/js |實(shí)現(xiàn)獲取影片截圖? blo

createObjectURL jquery/js |實(shí)現(xiàn)獲取影片截圖? blob 儲(chǔ)存到服務(wù)器?

$(document).on("change", ".uploadVideo", function() {
  var video = this.files[0];
  var videoUrl = window.URL.createObjectURL(video);

我做了一個(gè)上傳視頻
會(huì)給 blob 網(wǎng)址就像這樣:

blob:http://localhost/367a4312-f142-4646-8a8d-7c0674e60413

問(wèn)題1
想問(wèn)說(shuō)有沒(méi)有辦法實(shí)現(xiàn)取得一個(gè)圖片檔,是那個(gè)影片的某一段或隨機(jī)一段畫(huà)面當(dāng)作截圖?
就很像是 youtube 如果你沒(méi)有決定視頻的截圖,它會(huì)自動(dòng)幫你抓某一段當(dāng)作截圖

問(wèn)題2
假設(shè)我同時(shí)上傳有很多個(gè) blob:http://localhost/367a4312-f142-4646-8a8d-7c0674e60413 這種網(wǎng)址時(shí),怎麼樣做一次性的上傳?

preg_match('/^(data:\s*image\/(\w+);base64,)/', $crop_result, $result);
$fileType = '.' . $result[2];
file_put_contents($uploadPathIcon.'HEELLOO' . $fileType, base64_decode(str_replace($result[1], '', $crop_result)));

這個(gè)是用 FileReaderreadAsDataURL 取到的 data: 圖片網(wǎng)址,就跟 blob 這道理很像,但我不知道這兩者是否可以通用,一樣的話我就能夠把它下載到服務(wù)器了。

回答
編輯回答
哎呦喂

問(wèn)題1

createImageBitmap了解一下

示例:https://jsfiddle.net/7tekqLys/3/

問(wèn)題2

blob:網(wǎng)址只能在瀏覽器內(nèi)使用,而且關(guān)掉瀏覽器之后就會(huì)被清理。

最好是直接在服務(wù)器上接收二進(jìn)制文件,表單類型multipart/form-data,文件會(huì)放到$_FILES變量里,直接存下來(lái)。了解一下

2017年2月4日 17:19