Code Monkey home page Code Monkey logo

react-core-image-upload's People

Contributors

jackpu avatar linesoft avatar skyran1278 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-core-image-upload's Issues

addComponentAsRefTo(...)

提示报错:
addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's render method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).

使用最简单的引用
<ReactCoreImageUpload
text="Upload Your Image"
className='pure-button'
inputOfFile="files"
url="..."
imageUploaded={(res) => {
debugger;
}}>

Warnning: propTypes

Warning: Component t declared PropTypes instead of propTypes. Did you misspell the property assignment?

图片旋转功能

如何配置图片旋转呢,有的时候上传图片,是水平摆放的,希望能旋转90°

安装后,编译错误,请问怎么解决

Failed to compile
./~/react-core-image-upload/react-core-image-upload.js
Module not found: `D:\work\store\node_modules\React\react.js` does not match the corresponding path on disk `react`.
This error occurred during the build time and cannot be dismissed

请问怎么解决?已经卸载再安装了。
image
仅仅是导入就报错了

compile using webpack error

Hi I want to try this package, but upon compiling using webpack i got this error:

    ERROR in ./~/css-loader!./~/babel-loader/lib?{"presets":["react","es2015","stage-1"]}!./~/style-loader!./~/css-loader!./~/react-core-image-upload/src/style.css
Module build failed: Unknown word (1:1)

> 1 | 'use strict';
    | ^
  2 |
  3 | // style-loader: Adds some css to the DOM by adding a <style> tag
  4 |

 @ ./~/style-loader!./~/css-loader!./~/react-core-image-upload/src/style.css 4:14-207

I install using yarn

Crop does not works

I download the demo and run it.
Changing cropRatio to "1:4" and it does not work, and can not see cropped image

imageChanged 这个事件不起作用

<ReactCoreImageUpload
text="上传"
className="upload"
inputOfFile="files"
url="..."
crop={true}
maxWidth={150}
maxheight={150}
cropBtn={{ ok: '保存', 'cancel': '取消' }}
imageUploaded={this.imageUploaded}
imageChange={this.imageChange}
imageuploading={this.imageuploading}
>

三个事件 imageChanged 这个事件不起作用,请问可以修复吗

安装之后 import 报错

import ReactCoreImageUpload from 'react-core-image-upload/react-core-image-upload';
启动就报:
Failed to compile
./~/react-core-image-upload/react-core-image-upload.js
Module not found: E:\HBWorkspace\web\node_modules\React\react.js does not match the corresponding path on disk react.

安装后编译错误

Failed to compile.

Error in ./~/react-core-image-upload/react-core-image-upload.js
Module not found: [CaseSensitivePathsPlugin] E:\work\fangke\smartofficeportal.visitor.web\node_modules\React\react.js does not match the corresponding path on disk react.

@ ./~/react-core-image-upload/react-core-image-upload.js 1:85-101

Need An Appropriate Loader Error

Hi,
I've tried to install the npm module in 2 different environments and both times I get the error:

Failed to compile.

Error in ./~/react-core-image-upload/src/react-core-image-upload.js
Module parse failed: /media/notconfusing/9d9b45fc-55f7-428c-a228-1c4c4a1b728c/home/notconfusing/workspace/module-3-group-project-jungle/client/node_modules/react-core-image-upload/src/react-core-image-upload.js Unexpected token (39:6)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (39:6)
 @ ./src/Upload.js 18:28-62

It seems that react is trying to load it as pure js and gets hungup on the jsx parts. Normally I don't have to specify the loader for files like this so I wonder why its happening on this project.

options is not defined

e.target.files[0].size < this.props.maxFileSize时: options is not defined

react-core-image-upload/src/react-core-image-upload.js 第125行

Cropped image not showing up in demo

Hi @JackPu! I was trying out the demo and it seems like once the image is cropped, and clicked on 'Save', the cropped image does not show up. Not sure if that is supposed to work that way?

Also, given that you have a circular avatar image in the demo, does the library also allow for circular cropping?

Thank you for open sourcing this library!

React is not defined

Just simple import this lib
import ReactCoreImageUpload from 'react-core-image-upload';

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.