javascript - 手機(jī)網(wǎng)頁(yè)上實(shí)現(xiàn)調(diào)用相冊(cè)或者拍照或者錄制短視頻上傳,有沒(méi)有人有做過(guò)相關(guān)功能,求告知,項(xiàng)目用,急?。。?/h1>
瀏覽:117日期:2022-11-14 13:51:44
問(wèn)題描述
有沒(méi)有相關(guān)插件或者demo,我項(xiàng)目是使用VUE開(kāi)發(fā)的
問(wèn)題解答
回答1:可以看看這個(gè):http://blog.csdn.net/jwzhangj...
回答2:這個(gè), js控制不了吧. 是由瀏覽器決定的. 你點(diǎn)input.type=file的文件上傳時(shí), 瀏覽器決定從哪里選擇要上傳的文件.
回答3:html:
<input type='file' @change='upload($event)'>
js:
let vm=new Vue({ el:’#app’, data:{imageList:[]},methods:{ upload(event){ let files=event.target.files;//然后使用html5的文件函數(shù)進(jìn)行 FileReader,在使用image函數(shù)和canvas的toDataUrl,把base64數(shù)據(jù)存入imageList}}})回答4:
你是混合 app 的話,是要調(diào)用原生的 api 接口的哦,比如說(shuō),原生給你一個(gè)拍視頻的接口,你去調(diào)用,然后拍完視頻后會(huì)拿到回調(diào)函數(shù),里面會(huì)有你需要的視頻地址,然后才可以上傳,對(duì)了上傳也最好叫原生寫(xiě)好,這樣子,您就只負(fù)責(zé)調(diào)用接口就可以了,js是沒(méi)有辦法直接調(diào)用手機(jī)攝像頭的,必須通過(guò)原生哪里哦
回答5:http://blog.csdn.net/qq727013...
看看這個(gè)吧,可以裁剪,但是目前不支持視頻,你可以改改
回答6:用<input> accept 屬性, 如 <input type='file' accept='audio/,video/,image/*' />參考
回答7:/a/11...有個(gè)妹紙做過(guò)PC端瀏覽器調(diào)用攝像頭,拍照,加水印。你參考一下,或者找她請(qǐng)教吧。
標(biāo)簽:
JavaScript
問(wèn)題描述
有沒(méi)有相關(guān)插件或者demo,我項(xiàng)目是使用VUE開(kāi)發(fā)的
問(wèn)題解答
回答1:可以看看這個(gè):http://blog.csdn.net/jwzhangj...
回答2:這個(gè), js控制不了吧. 是由瀏覽器決定的. 你點(diǎn)input.type=file的文件上傳時(shí), 瀏覽器決定從哪里選擇要上傳的文件.
回答3:html:
<input type='file' @change='upload($event)'>
js:
let vm=new Vue({ el:’#app’, data:{imageList:[]},methods:{ upload(event){ let files=event.target.files;//然后使用html5的文件函數(shù)進(jìn)行 FileReader,在使用image函數(shù)和canvas的toDataUrl,把base64數(shù)據(jù)存入imageList}}})回答4:
你是混合 app 的話,是要調(diào)用原生的 api 接口的哦,比如說(shuō),原生給你一個(gè)拍視頻的接口,你去調(diào)用,然后拍完視頻后會(huì)拿到回調(diào)函數(shù),里面會(huì)有你需要的視頻地址,然后才可以上傳,對(duì)了上傳也最好叫原生寫(xiě)好,這樣子,您就只負(fù)責(zé)調(diào)用接口就可以了,js是沒(méi)有辦法直接調(diào)用手機(jī)攝像頭的,必須通過(guò)原生哪里哦
回答5:http://blog.csdn.net/qq727013...
看看這個(gè)吧,可以裁剪,但是目前不支持視頻,你可以改改
回答6:用<input> accept 屬性, 如 <input type='file' accept='audio/,video/,image/*' />參考
回答7:/a/11...有個(gè)妹紙做過(guò)PC端瀏覽器調(diào)用攝像頭,拍照,加水印。你參考一下,或者找她請(qǐng)教吧。
