ng2-file-upload 多文件上传
- 现在我想做一个多文件上传的功能
2.
<div class="main">
<div class="left">
<div>File List:</div>
<div id="files">
<ul style="margin:0;padding:0">
<li *ngFor="let item of files" pDraggable="filesTo"
(onDragStart)="dragStart($event,item)" (onDragEnd)="dragEnd($event)" (click)="doPreview(item)">
<p>{{item.filename}}</p>
</li>
</ul>
</div>
</div>
<div class="right">
<div>Drop file from List or <a href="javascript:void(0)" (click)="fileSelect.click()">browse</a> local file:</div>
<input id="fileSelect" #fileSelect style="display:none" type="file" ng2FileSelect [uploader]="uploader" (change)="selectedFileOnChanged($event)" multiple />
<div class="select_file" pDroppable="filesTo"
(onDrop)="drop($event)" [ngClass]="{'ui-highlight-car':draggedFile}"
ng2FileDrop (onFileDrop)="fileDropOver($event)" [uploader]="uploader">
<div class="selected" *ngFor="let selItem of selectedFiles">
<div class="file_close" (click)="removeFile($event,selItem)">X</div>
<div class="file_name">{{selItem.filename}}</div>
</div>
</div>
</div>
<div class="clr"></div>
<button class="btn" (click)="doUpload()">Save</button>
</div>
3.目前的问题是:我的selectedFileOnChanged($event)这个方法,在ts文件中用event.target.files取得的内容一直是空
另外,我该如何把我上传的和拖拽的文件同时传到java后台,然后后台应该用什么方式去接收我传过去的数据?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论