# facebook-image-selector
**Repository Path**: mirrors_Jam3/facebook-image-selector
## Basic Information
- **Project Name**: facebook-image-selector
- **Description**: Facebook Photo selector widget in reactjs
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-23
- **Last Updated**: 2026-03-22
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# facebook-image-selector
[](https://nodei.co/npm/facebook-image-selector/)
Facebook Photo selector widget in reactjs
## Screenshots
## Installation
Install via npm:
% npm install facebook-image-selector
## Usage
Library expects two mandatory props and two optional props. The mandatory ones includes `appId` as string and `onSelection` as function which gets called finally after selecting an image with a parameter consists of an output.
The optional ones are `clickText` which basically shows up on UI during the initially Load (clicking on this only causes the widget to load). Other one is `getURL` which makes widget to return normal object consisting of `imageId`, `url`, `width`, `height` and `creation time` as keys) instead of file object(blob) to `onSelection` function.
var React = require('react'),
FacebookUploader = require('facebook-image-selector'),
Component;
Component = React.createClass({
render : function () {
return ();
},
handle : function (file) {
console.log(file);
}
});
CSS for the clickText can be changed according to one's requirement. Corresponding class is `fbImageSelectorText`
To Load using `browserify`, one can use following example
index.js:
var React = require('react'),
FacebookUploader = require('facebook-image-selector'),
Component;
Component = React.createClass({
render : function () {
return ();
},
handle : function (file) {
console.log(file);
}
});
React.render(, document.getElementById('fbload'));
Run `browerify` to convert the file `browserify index.js -o bundle.js`
Use it in the html accordingly, example :