javascript - Angular ng-file-upload 从 base64 转换为文件

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

最佳答案

我发现它使用简单的 JavaScript 语法:

var cover =Upload.dataUrltoBlob(category.croppedDataUrl);
cover = new File([cover], 'cover.jpg', {type:"image/jpg"});

关于javascript - Angular ng-file-upload 从 base64 转换为文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34737472/

相关文章:

javascript - 使用 Angular - 不显示基于其他数组项目的 Ng-Repeat 数组项目

javascript - ng-repeat 指令中的 Angular 选择 : how can I access the children scopes?

javascript - IE中如何从URL字符串中获取域名

javascript - 单击空白区域时如何触发body.onclick

javascript - 从 Java byte[] -> Base64 -> Javascript ArrayBuffer -> Base64 -> Byte[]

javascript - 将上下文信息绑定(bind)到 GraphQL 类型中?

javascript - 如何手动切换 angular-ui-select 下拉列表(单选)

Javascript函数可以使用reduce/map来计算对象属性的嵌套数组

ruby-on-rails-3 - 将 Rails/AngularJS 应用程序部署到 Heroku 时出现未知的提供程序错误

angularjs - 如何将 css 类应用于 ng-repeat 中的选定行