码迷,mamicode.com
首页 > Web开发 > 详细

js多图上传转码64

时间:2018-05-07 19:32:56      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:image   resolve   fun   ++   get   []   上传   tip   console   

<div>
    <form action="/home/Uplod" method="post" enctype="multipart/form-data">
        <input type="file" name="file" id="image" multiple="multiple" onchange="fun(this)" />
        <input type="button" value="submit" id="submit" />
    </form>
</div>

<script type="text/javascript">
        var AllowImgFileSize = 2100000; //限制上传大小
        var tempbase = [];       //bas64数组
        $(function () {
            $("#submit").click(function () {
                console.log($("#image")[0].files.length)
                if ($("#image")[0].files.length < 1) {
                    alert("请最少选择一个图片")
                    return;
                }
                for (var i = 0; i < $("#image")[0].files.length; i++) {
                    if ($("#image")[0].files[i].size > AllowImgFileSize) {
                        alert("上传失败,请上传不大于2M的图片!");
                        return;
                    }
                }
                console.log(tempbase);
                console.log(tempbase[0]);
                
            })
        })

        function fun(obj) {
            var files = obj.files;
               tempbase = [];
               
//             var readFileAsync = file => new Promise(resolve => {
//                var reader = new FileReader();
//                reader.onload = evt => resolve(evt.target.result);
//                reader.readAsDataURL(file);
//             })
            function readFileAsync(file) {
                    return new Promise(function (resolve) {
                            var reader = new FileReader();
                            reader.onload = function (evt) {
                                    return resolve(evt.target.result);
                            };
                            reader.readAsDataURL(file);
                    });
            };
              for (let j = 0; j < files.length; j++) {
                readFileAsync(files[j]).then(function(res){
                    tempbase.push(res);
                });
              };
        }
        
        
    </script>

 

js多图上传转码64

标签:image   resolve   fun   ++   get   []   上传   tip   console   

原文地址:https://www.cnblogs.com/MJ-MY/p/9004086.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!