Spring MVC + Angular2:ZipFiles

时间:2016-11-17 11:42:11

标签: java spring angular spring-mvc

我需要一些指导。

Soo我正在构建这个应用程序。前Angular2和Back Spring MVC。

我需要从我的页面输入一个Zip文件(Angular),用spring读取它,解压缩并将其保存在我服务器的文件夹中......

什么是最好的,也是正确的做法?

另外。我应该上传文件,保存(压缩)然后解压缩。或者有一种上传和保存解压缩文件的方法。

这是我的表格。我可能会把和<输入类型="文件">在创建练习按钮之上。

    <form #createExerciseForm="ngForm">
      <label for="exercise-name">Title</label>
      <div class="form-group" [class.error]="conflictErrorExercise">
        <input type="text" class="form-control" 
              id="exercise-name" 
              [(ngModel)]="currentExercise.name" 
              #name="ngModel"
              name="exercise-name" 
              required>
      </div>
      <label for="exercise-question">Question</label>
      <div class="form-group">
        <textarea type="text" class="form-control" 
                  id="exercise-question"
                  [(ngModel)]="currentExercise.question" 
                  #name="ngModel"
                  name="exercise-question" 
                  required></textarea>
      </div> 
      <label for="exercise-question">Weight</label>
      <div class="form-group" [class.error]="weightErrorExercise">
        <input type="number" class="form-control" 
                  id="exercise-weight"
                  [(ngModel)]="currentExercise.weight" 
                  #name="ngModel"
                  name="exercise-weight" 
                  required>
      </div>     
      <div class="input-group">
        <span class="input-group-addon" id="exercise-commandbuild">Compilation command</span>
        <input type="text" 
              [(ngModel)]="currentExercise.commandbuild" 
              #name="ngModel"
              class="form-control"
              name="exercise-commandbuild">
      </div>
      <div class="input-group">
        <span class="input-group-addon" id="exercise-runcommand">Execution command</span>
        <input type="text" 
              class="form-control"
              [(ngModel)]="currentExercise.commandrun" 
              #name="ngModel"
              name="exercise-runcommand">
      </div>


      <button type="button" value="Upload" class="btn login-btn" [disabled]="!createExerciseForm.valid" (click)="addExercise()">Create Exercise</button>
    </form>

0 个答案:

没有答案