美文网首页
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