Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用angularjs在html中显示二进制图像?_Javascript_Angularjs_Node.js_Express_Gridfs - Fatal编程技术网

Javascript 如何使用angularjs在html中显示二进制图像?

Javascript 如何使用angularjs在html中显示二进制图像?,javascript,angularjs,node.js,express,gridfs,Javascript,Angularjs,Node.js,Express,Gridfs,我正在尝试以angularjs html格式显示二进制数据图像。我有两个响应。我不知道如何避免我附上了我的screetshot。第一个是我的响应,再次传递错误响应,请有人帮助我。我附上了客户端和服务器端控制器 客户端控制器 "严格使用",; /** *@ngdoc对象 *@name test1.Controllers.Test1Controller *@description test1控制器 *@ng.$scope */ 有棱角的 .module('test1') .controller('

我正在尝试以angularjs html格式显示二进制数据图像。我有两个响应。我不知道如何避免我附上了我的screetshot。第一个是我的响应,再次传递错误响应,请有人帮助我。我附上了客户端和服务器端控制器

客户端控制器
"严格使用",;
/**
*@ngdoc对象
*@name test1.Controllers.Test1Controller
*@description test1控制器
*@ng.$scope
*/
有棱角的
.module('test1')
.controller('Test1Controller'[
“$scope”、“$http”、“$location”、“$window”,
函数($scope、$http、$location、$window)
{
$scope.image={};
var image=“download.jpg”;
$http.get('*/upload/'+image).success(函数(数据、状态、响应)
{ 
控制台日志(数据);
$scope.image=数据;
var testJpg=$scope.image;
document.getElementById(“myimage”).src=testJpg;
}); 
}
]);
后端控制器
"严格使用",;
var mongoose=require('mongoose'),
_=需要('lodash');
var Grid=require('gridfs-stream');
Grid.mongo=mongoose.mongo;
var gfs=新电网(mongoose.connection.db);
exports.create=函数(请求、恢复){
log(req.files.filefield);
var part=req.files.filefield;
var writeStream=gfs.createWriteStream({
文件名:part.name,
模式:“w”,
内容类型:part.mimetype
});
writeStream.on('close',function(){
返回资源状态(200)。发送({
信息:“成功”
});
});
writeStream.write(部件数据);
writeStream.end();
};
exports.read=函数(请求、恢复){
find({filename:req.params.filename}).toArray(函数(err,files){
if(files.length==0){
返回资源状态(400)。发送({
消息:“未找到文件”
});
}
res.writeHead(200,{'Content-Type':文件[0].contentType});
var readstream=gfs.createReadStream({
文件名:文件[0]。文件名
});
var bufs=[];
readstream.on('data',函数(data){
//res.write(数据);
推送(数据);
}).on('end',function(){
//res.end();
var fbuf=缓冲液浓度(bufs);
var base64=(fbuf.toString('base64');
//console.log(base64);
res.end(“‘数据:图像/jpeg;base64’+base64+”;”);
});
readstream.on('error',函数(err){
log('发生错误!',err);
犯错误;
});
});
};


看起来您缺少了一些模型,比如
$scope.imgData
,用
数据:image/jpeg:base64,RD9374…填充
ng src
也是一个好主意,可以创建一个看起来缺少某些模型的文件,比如
$scope.imgData
,用
数据:image/jpeg:base64,RD9374…填充
ng src
,也可以创建一个