Angular ng-file-upload从base64转换为file

时间:2016-01-12 07:08:06

标签: javascript angularjs

我尝试使用ng-file-upload上传和裁剪。

问题是裁剪的图像变为base64格式而不是' file`格式。

以下是测试时的console.log结果:

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)转换为徽标结果等文件?

2 个答案:

答案 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}}"  / >