Question

我正在尝试使用客户端的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

中执行这些操作

提前致谢...

Answer 1

当涉及将二进制数据（如图像）推回给用户时，我碰巧使用binaryJS。它基于socketIO构建，您可以在上传完成后通过提供

来触发预览

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

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

带有express.js的dojo FileUploader

1 个答案: