JS读取图片文件

最新推荐文章于 2024-08-28 12:34:01 发布

翻车鱼fancy

最新推荐文章于 2024-08-28 12:34:01 发布

阅读量8.9k

点赞数 1

分类专栏： JavaScript 文章标签： JS读取图片 JS读取文件

本文链接：https://blog.csdn.net/qq_31919419/article/details/102786120

版权

这篇博客详细介绍了如何利用JavaScript的FileReader API来读取和操作图片文件，为前端开发者提供了一种在浏览器环境中处理本地图片的方法。

摘要由CSDN通过智能技术生成

JS读取图片文件

FileReader相关文档

<!doctype html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
        //支持IE10及以上
        if(typeof FileReader == "undified") {
    
            alert("浏览器不支持！");
        }
        function showDataByURL() {
    
            var len = document.getElementById("fileDemo").files.length;
            console.info(len);
            var resultFile = document.getElementById("fileDemo").files;
            console.info(resultFile);
            for (var i = 0; i < len; i++) {
    
                var reader = new FileReader();
                reader.readAsDataURL(resultFile[i]);
                reader