天天看点

js实现文件上传下载

除图片外的通用下载
window.location.href = 'http://localhost:4000/public/1618880090660community.xlsx'

let base64 = _.data.content;
let type = _.data.contentType;
let str = `data:${type};base64,`;
var a = document.createElement('a');
a.setAttribute('href', str + base64);// 可以是blob 可以是base64 可以是url
a.setAttribute('download', _.data.fileName); //下载 设置这个属性一定会下载
a.click();      
<!DOCTYPE html>
<html>
    <head>
        <script>
            window.onload = function () {
                let but = document.getElementById('but')
                but.onclick = function () {
                    console.log(123)
                    let file = document.getElementById('files')
                    file.click()
                    
                    // 
                }
                let file = document.getElementById('files');
                file.onchange= function(e){                   
                var img = document.getElementById('img')
                img.setAttribute('src', URL.createObjectURL(e.target.files[0]))
                console.log(URL.createObjectURL(e.target.files[0]))
                var a = document.createElement('a');
                a.setAttribute('href', URL.createObjectURL(e.target.files[0]));
                a.setAttribute('download','');
                a.click();
                }
            }
            
        </script>
    </head>
    <body>
        <div>
            <button id="but">
                点击上传
            </button>
            <input type="file" onchange="file" style="display: none;" id="files">
            <img  id="img" alt="" width="150px" height="150px">
            <script>
                function file(e){
                console.log(e)
                var img = document.getElementById('img')
                img.setAttribute('src', URL.createObjectURL(e.target.files[0]))
            }
            </script>
        </div>
    </body>
</html>      
function requestFullScreen(element) {    

    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;    

    if (requestMethod) {      

        requestMethod.call(element);    

    } else if (typeof window.ActiveXObject !== "undefined") {      

        var wscript = new ActiveXObject("WScript.Shell");    

        if (wscript !== null) {    

            wscript.SendKeys("{F11}");    

        }    

    }    

}