前端本地文件操作与上传

编者按：本文由人人网FED发表于掘金，由作者授权分享到奇舞周刊。（图片来自网络）前端无法像原生APP一样直接操作本地文件，否则的话打开个网页就能把用户电脑上的文件偷光了，所以需要通过用户触发，用户可通过以下三种方式操作触发：通过input type="file" 选择本地文件通过拖拽的方式把文件拖过来在编辑框里面复制粘贴第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面：form>    input type="file" id="file-input" name="fileContent">form>然后就可以用FormData获取整个表单的内容：$("#file-input").on("change", function() {    console.log(`file name is ${this.value}`);    let formData = new ………………………………