2

我正在尝试在客户端使用 dojo FileUploader 和在服务器端使用 express.js 上传图像。图片上传完成后，我想预览上传的图片。这是我的代码：-

图片上传的 Ajax 请求：-

require(['dojo/dom','dojo/_base/array','dojo/dom-construct','dojo/query',"dojo/request",'dojo/on',"dojox/form/FileUploader","dojo/domReady!"],function(dom,array,domConstruct,query,xhr,on,FileUploader)
    {
       var upld = new FileUploader(
       {
        degradable:true,
        uploadUrl:'http://localhost:8005/testy',
        uploadOnChange:false,
        title:'uploader,
        isDebug:true,
        devMode:true
       },'test');

       on(upld,'change',function(data)
       {
        array.forEach(data,function(d)
        {
           dom.byId('filename').innerHTML = d.name;
            });
       });
       on(upld,'complete',function(data)
       {
        array.forEach(data, function(d)
        {
           dom.byId("rgtCol").innerHTML += '<img src="'+d.file+'" />';
        });
       });
       on(dom.byId('btn'),'click',function(evt)
       {
        upld.upload();
       });
    });

html代码：-

<div id='test'>Uploader</div>
<div id='filename'></div>
<div id='rgtCol'></div>
<input type='button'  id='btn' label='submit' />

服务器端代码：- 这是我的服务器端代码：- 

    var express = require('express'),
    fs = require('fs');
    app = express.createServer();

    app.use(express.bodyParser())
    app.post('/testy', function(req, res)
    {
      var filename = req.body.Filename;
      var body = req.files.flashUploadFiles.path;  
      fs.createReadStream(body).pipe(fs.createWriteStream('tmp/' + filename));

      res.send('tmp/' + filename);
    });  

app.listen(8005);

我的问题是图片已上传，但我无法在客户端预览上传的图片。我可以在服务器端使用 php 文件但不能在 express.js 中执行这些操作

提前致谢...

4

1 回答 1

0

在将二进制数据（如图像）推送给用户时，我碰巧使用了 binaryJS。它建立在socketIO之上，您可以在上传完成后触发预览

server.on('connection', function(client){
  // Stream a flower as a hello!
  var file = fs.createReadStream(__dirname + '/flower.png');
  client.send(file); 
});

这样，您可以将图像作为预览发送给用户。如果需要，您可能想通过 ImageMagick 创建缩略图，但这是额外的。我向您展示的示例是 binaryJS 的 hello world 示例。

于 2012-11-22T17:11:32.487 回答