文件下载编辑器

<files-payload-editor> 请求正文编辑器以添加文件作为有效载荷. 使用此元素, 用户可以选择用于请求正文的单个文件 .

当 iron-form 已使用。 它包含验证方法 验证用户输入.

使用量

安装

npm install --save @advanced-rest-client/files-payload-editor

在 html 文件内

<html>
  <head>
    <script type="module">
      import '@advanced-rest-client/files-payload-editor/files-payload-editor.js';
    </script>
  </head>
  <body>
    <files-payload-editor></files-payload-editor>
    <script>
    {
      document.querySelector('files-payload-editor').onchange = (e) => {
        console.log(e.target.value); // or e.detail.value
      };
    }
    </script>
  </body>
</html>

在 LitElement 模板中

import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/files-payload-editor/files-payload-editor.js';

class SampleElement extends LitElement {
  render() {
    return html`
    <files-payload-editor @value-changed="${this._fileChanged}"></files-payload-editor>
    `;
  }

  _fileChanged(e) {
    this.body = e.detail.value;
  }
}
customElements.define('sample-element', SampleElement);

发展

git clone https://github.com/advanced-rest-client/files-payload-editor
cd files-payload-editor
npm install

本地运行演示

npm start

运行测试

npm test