从URL2上传url地址(https://image.jpg)中的图像

时间:2018-06-05 10:17:09

标签: angular image-upload dropify

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地址上传图片。

0 个答案:

没有答案