jsは画像のアップロードを実現する時、ローカルプレビュー(複数の画像を同時にアップロードすることをサポートします)

    


     

            
                 
 
            
     


        var i=0;
        function changepic(obj) {
            //          ，src    ，     100px，       
            document.getElementById("img_span").innerHTML+="<img src=\"\" id=\"show"+i+"\" width=\"200\" style=\"opacity: 0;\">"; 
            //  getObjectURL  ，          
            var newsrc=getObjectURL(obj.files[0]);
            document.getElementById('show'+i).src=newsrc;//                   
            document.getElementById("show"+i).style.opacity=1;//        
            i++;
        }
        //         file url
        function getObjectURL(file) {
            var url = null ;
            //              ，                  js     
            if (window.createObjectURL!=undefined) { // basic
                url = window.createObjectURL(file) ;
            } else if (window.URL!=undefined) { // mozilla(firefox)
                url = window.URL.createObjectURL(file) ;
            } else if (window.webkitURL!=undefined) { // webkit or chrome
                url = window.webkitURL.createObjectURL(file) ;
            }
            return url ;
        }
    

回転:https://blog.csdn.net/man_zuo/article/detail/831151212?ops_request_misc=%257 B%2522 request%255 Fid%2522%253 A%2522185557432484555%2522%2522%2522%2522%253 A%25222201713.130102334.5%2522 D&request抌id=1591855743197 248455285&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank.ecpm_v 3~pc_rank.v 3-1-8531212.first_rank.ecpm_v 3_pc_rank.v 3&utm_term=js%E 5%A 4%9 A%E 5%BC%A 0%E 5%9 B%BE%E 7%89%E 4%B 8%E 4%B 4%B%B 0%