鍍金池/ 問答/HTML5  HTML/ 用js寫文件上傳的前端代碼怎么寫？

用js寫文件上傳的前端代碼怎么寫？

<n3-uploader class="file" url="/lessonersapi/resource/uploadResourceFile" :accept="fileFormat" :params="fileName" :multiple="false" @success="addfile" @error="errorHint"></n3-uploader>

這是用n3-compontents插件的文件上傳寫的，在chrome和firefox都可以用，但在IE11上就不生效了，請(qǐng)問改成原生的要怎么改，第一次寫，求大神指教！?。?/p>

回答
編輯回答
抱緊我

以前寫的一個(gè)例子

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>使用 FileReader 上傳文件</title>
</head>
<body>
    <input id="fileInput" type="file" />
    <button id="btn" type="button">上傳文件</button>
    <script>
        const fileInput = document.querySelector('#fileInput');
        const btn = document.querySelector('#btn');
        fileInput.addEventListener('change', function (e) {
            console.log(e);
            const file = e.target.files[0];
            // 可以獲取上傳的文件詳細(xì)信息
            console.log(file);
            const formData = new FormData();
            formData.append("fileName", "photo.png");
             
            const xhr = new XMLHttpRequest();
            // 假設(shè)上傳文件的接口叫 /upload
            xhr.open("POST", "/upload");
            xhr.send(formData);
        });
    </script>
</body>
</html>

參考

2017年7月28日 03:55
編輯回答
久愛她

你這種描述有問題把

像這種綁定數(shù)據(jù) 方法 都是插件內(nèi)部封裝好的 你怎么在這基礎(chǔ)上改原生

你要需要原生 那就重新寫用 input type為file上傳file文件流或其他形式來做文件上傳

2017年9月11日 13:34