在 React 上传之前获取图像大小

亚历山大·麦克纳尔蒂

想要的结果已经在这里用香草完成

需要明确的是,我不会使用alert(),我想将尺寸放在state对象中。

我将如何在OnChange()事件处理程序下的 React 中重新创建此代码


在此处输入图片说明

亚历山大·麦克纳尔蒂

我有一个img src看起来像这样的:

<img src="dataurl"

我能够用这样的代码解决这个问题

if (e.target.files && e.target.files[0]) {
  var img = document.createElement("img");
  this.state.backgroundImageFile = e.target.files[0];

  img.onload = function () {
    debugger;
    console.log(this.width + " " + this.height);
  });

  var reader = new FileReader();
    reader.onloadend = function (ended) {
    img.src = ended.target.result;
  }
reader.readAsDataURL(e.target.files[0]);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在React中上传之前获取图像预览

来自分类Dev

REACT DROPZONE:上传后获取数据:图像

来自分类Dev

从React上传图像请求

来自分类Dev

在使用javascript上传之前获取文件大小

来自分类Dev

在使用javascript上传之前获取文件大小

来自分类Dev

如何从React JS上传图像并获取图像到Json-server?

来自分类Dev

使用ajax上传后获取图像大小

来自分类Dev

@ react-native-firebase / storage-上传图像后获取网址

来自分类Dev

Django在客户端上传之前调整图像大小

来自分类Dev

在将图像上传到Firebase之前调整其大小

来自分类Dev

Android CustomWebChromeClient openFileChooser在上传之前调整图像大小

来自分类Dev

在上传C#Xamarin之前调整图像大小

来自分类Dev

在上传之前,PHP GD调整大小/裁剪图像

来自分类Dev

在 php 上传之前使用 FileReader 调整多个图像的大小

来自分类Dev

如何在 ionic 4 上传之前压缩或调整图像大小?

来自分类Dev

使用Laravel API从React上传图像

来自分类Dev

使用React Functions预览图像上传

来自分类Dev

从React前端使用DRF上传图像

来自分类Dev

将图像从React上传到Laravel API

来自分类Dev

React - 如何上传图像文件

来自分类Dev

使用React获取图像尺寸

来自分类Dev

使用React钩子在React js中预览上传的图像

来自分类Dev

上传之前获取图像的文件名-JQuery

来自分类Dev

上传之前获取图像的文件名-JQuery

来自分类Dev

React Avatar Editor无法获取上传按钮

来自分类Dev

使用BulletProof上传类时,在上传之前调整图像大小

来自分类Dev

在上传之前调整图像大小(可以进行我的上传/拾取)

来自分类Dev

React Native检索实际图像大小

来自分类Dev

React:在获取完成之前返回函数

Related 相关文章

热门标签

归档