type="file" class="dropify" id="image-file-upload" (change)="getFile($event);"
来自本地系统的用户选择的图像将在事件中捕获,并且从事件中的目标文件中获取图像。
以同样的方式,如果用户从输入文本框中的URL地址上传图像。
type="text" class="form-control custom-image" [(ngModel)]="your_file" (keyup)="changeimage()" placeHolder="Enter Source URL here"
从此输入区域输入图像Url,并通过设置dropify的默认图像显示在dropify区域中。
var drEvent = $('.dropify').dropify({
});
drEvent = drEvent.data('dropify');
drEvent.resetPreview();
drEvent.clearElement();
drEvent.settings.defaultFile = this.your_file;
drEvent.destroy();
drEvent.init();
问题在于:
中未发生更改事件
id="image-file-upload" (change)="getFile($event);"> in dropify class.
如何使用dropify从Url地址上传图片。