一步一步搭建一个图片上传网站（后台服务器用nodejs）

app.post('/uploadimg', upload.array('imgfile', 40), function(req, res, next) {

var files = req.files

console.log(files)

if (!files[0]) {

res.send('error');

} else {

res.send('success');

}

console.log(files);

})

var server = app.listen(9999, 'localhost', function() {

console.log('server is running at port 9999...');

});

如许选择文件，点击提交按钮后文件就被上传到了办事器uploads文件夹下

用H5和ajax技巧实现无刷新文件上传

1.改革本来的选择文件按钮，让它变成一个可爱的小搁笔，点击后选择文件。

这个过于简单就不放代码了，具体思路是把一个a标签放上背景图片，把上传文件 input type="file" 大年夜小设置成a标签一样大年夜，并且放置到a标签膳绫擎，opacity设置成0透明的。点击a实际上是点击了 input type="file"

html

<div class="wrap"> 
 
        <a href=http://developer.51cto.com/art/201705/"" class="selectImg" title="上传图片"></a> 
        <input type="file" multiple id="file"> 
        <input type="button" value=http://developer.51cto.com/art/201705/"上传" id="upload"> 
        <div class="preview"></div> 
        <div class="progress"> 
            <progress max="100" value=http://developer.51cto.com/art/201705/"1" item-width="100" id="progress"></progress> 
        </div> 
    </div>

2.拔取文件后生成缩略图，这个根本思路是监听 input type="file" 的onchange事宜，如不雅选了文件就应用FileReader生成一个图片data:url添加到div.preview琅绫擎动态生成的img上，给div.preview设置成flex构培养可以灵活放置预览图了。

fileinput.onchange = () => { 
            //console.log('dddd') 
            var files = fileinput.files 	
			 2/5   首页 上一页 1 2 3 4 5 下一页 尾页	
			

　　推荐阅读
　　在R中使用开源大规模预测工具Prophet
            
            Prophet 是 Facebook 推出的开源大年夜范围猜测对象，可以在 R 和 Python 中应用以猜测时光序列数据。一、基本介绍下面实例中应用的是佩顿 &middot; 曼宁的维诽谤科主页每日拜访量的时光序>>>详细阅读


本文标题：一步一步搭建一个图片上传网站（后台服务器用nodejs）
地址：http://www.17bianji.com/lsqh/35075.html
 1/2    1