Загрузка файла с помощью Aurelia Example?

Question

Может ли кто-нибудь показать мне хороший пример загрузки файла с Aurelia? Я пока что не вижу хорошего примера. (html и javascript (или машинопись на этот счет))

Любая помощь или руководство были бы очень благодарны.

Джейсон

Answer 1

Новое в Aurelia так с немного трудно получить примеры для работы. Возможно, я не могу правильно использовать jspm intall, или, может быть, есть что-то, что я не понимаю. Чтобы ответить на вопрос Алекса, у меня уже есть метод 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 { 

} 

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

Jason