Question

有人能告诉我一个用Aurelia上传文件的好例子吗？我还没有真正看到一个很好的例子。（html和javascript（或者打字稿））

非常感谢任何帮助或指示。

杰森

Answer 1

Aurelia的新手，因此让这些示例变得有点困难。我可能没有正确地执行jspm intall，或者可能只有我不理解的东西。为了回答Alex的问题，我已经有了一个服务器端WebApi方法，它接收请求并查看发布的文件并处理它们。我用Chrome Postman对此进行了测试。所以我的关注是严格的客户方面。下面是我的打字稿类以及相应的。基本上我需要upload（）方法代码来向api发出请求我相信。下面是我的打字稿和相应的HTML。

import 'fetch';
import {HttpClient, json} from 'aurelia-fetch-client';
import {inject} from 'aurelia-dependency-injection';

declare var window: { wcApiUrl: string, wcAmtInstanceId: string };

@inject(HttpClient)
export class BureauModUpdate {

    constructor(private http: HttpClient) {
        http.configure(x => {
            x.defaults.headers = { 'Authorization': 'Basic ' + window.wcAmtInstanceId }
        });
    }


    public upload(): void {

}

＆＃13;

<template>
    <require from="../converters"></require>
    <form novalidate name="runForm" style="border:solid">
        <div class="row data-form">
            <div class="col-md-3 col-sm-3">
                <label>Select Bureau</label>
                <select id="BureauSelect" >
                    <option value="00">Ncci</option>
                    <option value="1">CA</option>
                    <option value="2">NY</option>
                    <option value="3">PA</option>
                    <option value="5">DE</option>
                    <option value="6">WI</option>
                    <option value="7">MI</option>
                    <option value="8">MN</option>  
                </select>
            </div>
        </div>
        <div class="row data-form">
            <div class="col-md-3 col-sm-3">
                <label>Select File Upload</label>
                <input type="file" name="upload" files.bind="files">
            </div>
        </div>
      

        <div class="row data-form">
            <div class="col-md-3 col-sm-3">
              
            </div>
        </div>
        <br /><br />
        <div class="row data-form">
            <div class="col-md-3 col-sm-3">
                <input type="submit">
            </div>
        </div>

    </form> 

</template>

＆＃13;

杰森

使用Aurelia示例上传文件？

1 个答案: