DOM URL.createObjectURL() 和 URL.revokeObjectURL() 方法讓你可以創(chuàng)建簡(jiǎn)單的URL字符串，這些字符串可以用來(lái)引用任何可以使用DOM文件對(duì)象引用的數(shù)據(jù)，包括用戶計(jì)算機(jī)上的本地文件 。
對(duì)象URL的簡(jiǎn)單用法是：
img.src = https://www.520longzhigu.com/diannao/URL.createObjectURL(file);使用此CodePen可以進(jìn)一步瀏覽對(duì)象URL 。提示：將此方法與前面#5中提到的方法進(jìn)行比較 。
<div><h1>Use Object URL</h1><input type="file" id="file-uploader" accept=".jpg, .jpeg, .png" ><div id="image-grid"></div></div>const fileUploader = document.getElementById('file-uploader');const reader = new FileReader();const imageGrid = document.getElementById('image-grid');fileUploader.addEventListener('change', (event) => {const files = event.target.files;const file = files[0];const img = document.createElement('img');imageGrid.appendChild(img);img.src = https://www.520longzhigu.com/diannao/URL.createObjectURL(file);img.alt = file.name;});結(jié)束很多時(shí)候，原生HTML功能足以讓我們處理手中的用例 。我發(fā)現(xiàn)，文件上傳默認(rèn)情況下提供了許多不錯(cuò)的選擇 。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!

• 北京正規(guī)娛樂(lè)公司招募簽約藝人練習(xí)生招募童星演員免費(fèi)培養(yǎng)出道 哪些娛樂(lè)公司在招零基礎(chǔ)藝人女生
• 《蕙蘭瑜伽視頻教程》01 蕙蘭瑜伽基礎(chǔ)知識(shí)
• 你的運(yùn)營(yíng)商積分有可能要被清零 電信用戶怎樣積分兌換話費(fèi)
• 內(nèi)蒙古通遼市中風(fēng)險(xiǎn)地區(qū)清零
• 瑜伽入門基礎(chǔ)教學(xué)動(dòng)作視頻
• 溫婉到爆的仙人網(wǎng)名女生
• java程序員必備的基礎(chǔ)知識(shí) java截取字符串后幾位
• python語(yǔ)言基礎(chǔ)知識(shí) python零基礎(chǔ)教程
• 2022西安解封時(shí)間預(yù)測(cè) 西安解封要實(shí)現(xiàn)社會(huì)面清零
• 2022西安實(shí)現(xiàn)社會(huì)面清零具體措施