问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

用js写文件上传的前端代码怎么写？

头像
渐行渐远
    35612
    <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上就不生效了，请问改成原生的要怎么改，第一次写，求大神指教！！！

    javascripthtmlhtml5
    阅读 5.3k
    2 个回答
    得票最新
    头像
    siyuedefeng
      43815
      ✓ 已被采纳

      以前写的一个例子

      <!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];
            // 可以获取上传的文件详细信息
            console.log(file);
            const formData = new FormData();
            formData.append("fileName", "photo.png");
             
            const xhr = new XMLHttpRequest();
            // 假设上传文件的接口叫 /upload
            xhr.open("POST", "/upload");
            xhr.send(formData);
        });
    </script>
</body>
</html>

      参考

      头像
      wlove
        6.9k3835

        你这种描述有问题把

        像这种绑定数据 方法 都是插件内部封装好的 你怎么在这基础上改原生

        你要需要原生 那就重新写用 input type为file上传file文件流或其他形式来做文件上传

        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题