bugfix
This commit is contained in:
parent
16c96b762d
commit
2436404f2f
@ -47,7 +47,6 @@ bricks.Image = class extends bricks.JsWidget {
|
|||||||
// 获取画布数据并转换为 base64
|
// 获取画布数据并转换为 base64
|
||||||
var dataURL = canvas.toDataURL('image/png'); // 可以根据需要修改图像格式
|
var dataURL = canvas.toDataURL('image/png'); // 可以根据需要修改图像格式
|
||||||
dataURL = this.removeBase64Header(dataURL);
|
dataURL = this.removeBase64Header(dataURL);
|
||||||
console.log(dataURL);
|
|
||||||
return dataURL;
|
return dataURL;
|
||||||
}
|
}
|
||||||
set_url(url){
|
set_url(url){
|
||||||
|
BIN
bricks/imgs/app.png
Normal file
BIN
bricks/imgs/app.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 24 KiB |
BIN
bricks/imgs/camera.png
Normal file
BIN
bricks/imgs/camera.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
@ -344,6 +344,11 @@ bricks.UiImage =class extends bricks.VBox {
|
|||||||
opts.name = opts.name || 'image';
|
opts.name = opts.name || 'image';
|
||||||
super(opts);
|
super(opts);
|
||||||
this.uitype='image';
|
this.uitype='image';
|
||||||
|
this.camera_w = new bricks.Icon({
|
||||||
|
url:bricks_resource('imgs/camera.png'),
|
||||||
|
rate:1.5});
|
||||||
|
this.add_widget(this.camera_w);
|
||||||
|
this.camera_w.bind('click', this.take_photo.bind(this));
|
||||||
this.bind('drop', this.dropHandle.bind(this));
|
this.bind('drop', this.dropHandle.bind(this));
|
||||||
this.input = document.createElement('input');
|
this.input = document.createElement('input');
|
||||||
this.input.type = 'file';
|
this.input.type = 'file';
|
||||||
@ -354,6 +359,19 @@ bricks.UiImage =class extends bricks.VBox {
|
|||||||
this.dom_element.appendChild(this.input);
|
this.dom_element.appendChild(this.input);
|
||||||
this.imgw = null;
|
this.imgw = null;
|
||||||
}
|
}
|
||||||
|
take_photo(){
|
||||||
|
var camera = new bricks.Camera({});
|
||||||
|
camera.bind('shot', function(d){
|
||||||
|
if (this.imgw){
|
||||||
|
this.remove_widget(this.imgw);
|
||||||
|
}
|
||||||
|
this.imgw = new bricks.Image({
|
||||||
|
url:d,
|
||||||
|
width:'100%'
|
||||||
|
});
|
||||||
|
this.add_widget(this.imgw);
|
||||||
|
});
|
||||||
|
}
|
||||||
handleFileSelect(event){
|
handleFileSelect(event){
|
||||||
const file = event.target.files[0];
|
const file = event.target.files[0];
|
||||||
this.show_image(file);
|
this.show_image(file);
|
||||||
@ -367,7 +385,9 @@ bricks.UiImage =class extends bricks.VBox {
|
|||||||
show_image(file) {
|
show_image(file) {
|
||||||
const reader = new FileReader();
|
const reader = new FileReader();
|
||||||
reader.onload = (e) => {
|
reader.onload = (e) => {
|
||||||
this.clear_widgets();
|
if (this.imgw){
|
||||||
|
this.remove_widget(this.imgw);
|
||||||
|
}
|
||||||
this.imgw = new bricks.Image({
|
this.imgw = new bricks.Image({
|
||||||
url:e.target.result,
|
url:e.target.result,
|
||||||
width:'100%'
|
width:'100%'
|
||||||
|
Loading…
Reference in New Issue
Block a user