7 examples of 'react import image' in JavaScript

158
function addImage(props) {
159
	if(glcConfig.isStandalone) {
160
		var image = document.createElement("img");
161
		image.src = props.url;
162
		props.image = image;
163
		return add(Shape.create(Image, props));
164
	}
165
	alert("The Image object is only supported in the standalone version of GLC.");
166
	return null;
167
}

67
function importImage (call, cb) {
68
  var name = call.request.image.id
69
  console.log('importing...')
70
  manager.import(name, function (err, image) {
71
    console.log('finishing with err:', err)
72
    if (err) return cb(null, makeError(descriptor.Error.IMPORT_FAILED, err))
73
    return cb(null, { image: { id: image.id } })
74
  })
75
}

157
function loadImage(props, children, el) {
158
  let render;
159
  if (el) render = reactElement => React.render(reactElement, el);
160
  else render = TestUtils.renderIntoDocument;
161
162
  return new Promise((resolve, reject) => {
163
    const loader = render(
164
      <ImageLoader
165
        {...props}
166
        onLoad={() => { resolve(loader); }}
167
        onError={error => { reject(Object.assign(error, {loader})); }}>
168
        {children}
169
      </ImageLoader>
170
    );
171
  });
172
}

8
export default function Import() {
9
  const [value, setValue] = React.useState('');
10
  const history = useHistory();
11
12
  function sendURLRequest(baseURLValue) {
13
    axios.post('/api/products', { params: { baseURL: baseURLValue } });
14
  }
15
16
  function handleImportClick() {
17
    if (value === '' || !checkIfIsURL(value)) {
18
      errorNotification('No URL Provided');
19
    } else {
20
      sendURLRequest(value);
21
      importNotification('Import Started');
22
      history.push('/products');
23
    }
24
  }
25
26
  function checkIfIsURL(string) {
27
    try {
28
      new URL(string);
29
      return true;
30
    } catch (_) {
31
      return false;
32
    }
33
  }
34
35
  return (
36
    <>
37
      <ImportBox onChange={e => setValue(e.target.value)} onClick={handleImportClick} />
38
    </>
39
  );
40
}

70
import(event: DragEvent) {
71
  this._import.import(event.dataTransfer).then((success: any) => {
72
    this.form.controls['directory'].setValue(success.directory);
73
    this.form.controls['skip-git'].setValue(success['skip-git']);
74
    this.form.controls['app-name'].setValue(success['app-name']);
75
    this.form.controls['prefix'].setValue(success.prefix);
76
77
    /**
78
    * Browser doesn't return full path of root directory due to security reasons.
79
    * So, let the root-dir field have current value
80
    */
81
    this.form.controls['root-dir'].setValue(this.form.controls['root-dir'].value);
82
    this.form.controls['inline-style'].setValue(success['inline-style']);
83
    this.form.controls['inline-template'].setValue(success['inline-template']);
84
    this.form.controls['skip-tests'].setValue(success['skip-tests']);
85
    this.form.controls['style'].setValue(success.style ? success.style : this.defaultStyleExt);
86
    this.form.controls['skip-install'].setValue(success['skip-install']);
87
    this.form.controls['routing'].setValue(success.routing);
88
89
    this.form.controls['verbose'].setValue(false);
90
    this.form.controls['dry-run'].setValue(false);
91
92
    this.onStdOut.next(success['app-name'] + ' project imported successfully.');
93
  }).catch(error => {
94
    this.onStdErr.next(error);
95
  });
96
}

33
exportImage() {
34
    const elink = document.createElement('a');
35
    elink.style.display = 'none';
36
    elink.href = this.canvas.toDataURL('image/png');
37
    elink.download = `${Date.now()}.png`;
38
    document.body.appendChild(elink);
39
    elink.click();
40
    document.body.removeChild(elink);
41
}

28
function exportImage() {
29
  let img = document.getElementById("qrcode");
30
  return img.src;
31
}