帶Aurelia示例的文件上傳？

Question

任何人都可以向我展示一個使用Aurelia做文件上傳的好例子嗎？我還沒有真正看到一個很好的例子。 （HTML和JavaScript（或打字稿））

任何幫助或方向將不勝感激。

傑森

Answer 1

新來奧裏利亞所以有一點很難獲得的例子來工作。我可能沒有正確地完成jspm，或者只是我不瞭解的東西。 爲了回答Alex的問題，我已經有一個服務器端WebApi方法，它接受請求並查看發佈的文件並處理它們。我已經用Chrome郵差測試過了。所以我的顧慮是嚴格的客戶端。下面是我的打字稿類以及相應的。基本上我需要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 { 

} 

<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>​

傑森