Vue.js演示如何使用vform（axios）提交formdata格式的数据

vform example for submitting a formdata, 使用了objectToFormData来把javascript对象（object）转换成表单数据格式。

vuejs, vform, form, post

《使用js把svg图形转成png图像》申请公开！

第三方库
作品简介 2323
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

// import Form from 'vform'
// import objectToFormData from 'object-to-formdata'
const {
    Form
} = window.vform
const objectToFormData = window.objectToFormData
new Vue({
    el: '#app',
    data() {
        return {
            form: new Form({
                foo: 'bar',
                file: null
            })
        }
    },
    methods: {
        selectFile(e) {
            const file = e.target.files[0]
                // Do some client side validation...
            this.form.file = file
            this.form.submit('post', '/upload', {
                    // Transform form data to FormData
                    transformRequest: [function(data, headers) {
                        return objectToFormData(data)
                    }],
                    onUploadProgress: e => {
                        // Do whatever you want with the progress event
                        // console.log(e)
                    }
                })
                .then(({
                    data
                }) => {
                    // ...
                })
        }
    }
})

编译

CSS

HTML

vform example for submitting a formdata, 使用了objectToFormData来把javascript对象（object）转换成表单数据格式。

vuejs, vform, form, post

编辑器支持Emmet

快捷键

vform example for submitting a formdata, 使用了objectToFormData来把javascript对象（object）转换成表单数据格式。

vuejs, vform, form, post

使用CKEditor v4和Vue.js v2实现的富文本编辑器实例代码

three.js godray（云隙光）场景代码示例

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：