溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關js如何實現手機拍照上傳功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
在前段時間的項目開發中，用到了拍照上傳的地方，后來發現了最為簡單的一種方法,現總結如下：
<form id="form" method="post" action="http://192.168.1.131:8080/task/add" enctype="multipart/form-data"> <input id="input-file" type="file" accept="image/jpeg" capture="camera"/> </form>
上傳部分的JS代碼：
$("input[type='file']").on('change', function () {
$('#form').submit();
//var oFReader = new FileReader();
//var file = document.getElementById('input-file').files[0];
//oFReader.readAsDataURL(file);
//oFReader.onloadend = function(oFRevent){
// var src = oFRevent.target.result;
// $('.content').attr('src',src);
// alert(src);
//}
});現在看來 type = file的用處還真的是蠻廣泛的。這里其實就是用到了瀏覽器對input type = file的解析，自動會獲取設備上的文件目錄和攝像頭。（注釋掉的內容是當在電腦上需要上傳文件并顯示在頁面上時，解決文件fakepath路徑問題的方法。具體在前面的博客中介紹過）
其實還有很多優秀的庫可以解決這個問題，等到日后需要詳細了解的時候再總結。
最后其實就是實現了這樣的一個效果：
關于“js如何實現手機拍照上傳功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
