js-传送file

Posted .Tang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js-传送file相关的知识,希望对你有一定的参考价值。

这是选择文件的标签

<input type="file" class="add-image-input">

这是js实现传输文件

    var addImageInput = bannerItem.find(‘.add-image-input‘);
    addImageInput.click()  // 点击进行选择文件

    // 选择图片后,用changes事件的this.files获取
    addImageInput.change(function () {
        var file = this.files[0];
        // FormData存储file对象,通过append(‘key‘, ‘val)
        var dataForm = new FormData;
        dataForm.append(‘upfile‘, file);
        xfzajax.post({
            ‘url‘: ‘/cms/save_news/‘,
            ‘data‘: dataForm,
            ‘processData‘: false, // 传输文件需要指定的参数
            ‘contentType‘: false
        })

 

以上是关于js-传送file的主要内容,如果未能解决你的问题,请参考以下文章

PHP常用代码片段

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

这些 C++ 代码片段有啥作用?

js代码片段: utils/lcoalStorage/cookie