我尝试使用ng-file-upload上传和裁剪。
问题是裁剪的图像变为base64格式而不是' file`格式。
以下是测试时的console.log结果:
我的HTML:
<div class="form-group">
<label class="control-label">Cover</label>
<input type="file" ngf-select ng-model="category.cover" name="cover" id="cover" ngf-pattern="image/*" accept="image/*"
ngf-max-size="512KB" class="filestyle" data-button-name="btn-danger">
<div ngf-drop ng-model="category.cover" ngf-pattern="image/*" class="cropAreaCover">
<img-crop image="category.cover | ngfDataUrl" result-image="category.croppedDataUrl" ng-init="category.croppedDataUrl=''"
area-type="square" area-min-size="800">
</img-crop>
</div>
</div>
如何将封面结果(base64)转换为徽标结果等文件?
答案 0 :(得分:5)
我使用普通的javascript语法找到它:
var cover =Upload.dataUrltoBlob(category.croppedDataUrl);
cover = new File([cover], 'cover.jpg', {type:"image/jpg"});
答案 1 :(得分:0)
像这样使用
<img ng-src="data:image/jpg;base64,{{logo}}" / >