美文网首页
vue + 原生js form表单下载文件

vue + 原生js form表单下载文件

作者: who_are_you_ | 来源:发表于2021-04-25 14:44 被阅读0次
        let url = window.location.origin;
        // 获取页面('?'前边的URL)链接
        let params = {// 参数
            Path: path,
            FileName: name,
        };
      // 创建form
        let form = document.createElement('form');
        form.id = 'form';
        form.name = 'form';
        document.body.appendChild (form);
        // 循环创建input框
        for (let obj in params) {
            if (params.hasOwnProperty(obj)) {
                let input = document.createElement('input')
                input.type='hidden'
                input.name = obj;
                input.value = params[obj]
                form.appendChild(input)
            }
        };
        form.method = 'post'; //请求方式
        form.action = url;  // 请求(下载)路径
        form.submit();  // form表单提交
        document.body.removeChild(form); // 移除创建的元素

相关文章

网友评论

      本文标题:vue + 原生js form表单下载文件

      本文链接:https://www.haomeiwen.com/subject/xepdrltx.html