1

Author: deltafx35c

.gitignore

@@ -5,3 +5,4 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 .vscode
+static

api/pics.js

@@ -25,7 +25,7 @@ let PicsModel = dbPics.model('fs.files',PicsSchema)
 
 /* GET pictures list by type. */
 router.get('/pics', (req, res, next) => {
-  PicsModel.find({"metadata.type":"photo"},(err,docs) => {
+  PhotosModel.find({"originType":"photo"},(err,docs) => {
     res.json(docs)
   })
 })
@@ -52,24 +52,23 @@ router.post('/pics', multipartyMiddleware, (req, res, next) => {
       // 多图上传
       for(let file of req.files.uploadFile){
         let path = file.path
-        let writeStream = gfs.createWriteStream({
-          filename: file.name,
-          content_type: file.type,
-          metadata: {
-            type:"photo"
-          }
-        })
+        // let writeStream = gfs.createWriteStream({
+        //   filename: file.name,
+        //   content_type: file.type,
+        //   metadata: {
+        //     type:"photo"
+        //   }
+        // })
+        let writeStream = fs.createWriteStream('./static/images/' + file.name)
         gm(path).resize(500).stream().pipe(writeStream)
-        writeStream.on('close',(file) => {
+        writeStream.on('close',() => {
           // 记录图片业务关联信息
           let photo = {}
-          photo.id = file._id.toString()
-          photo.name = file.filename
-          photo.contentType = file.contentType
+          photo.name = file.name
+          photo.contentType = file.type
+          photo.originType = "photo"
           let photosEntity = new PhotosModel(photo)
-          photosEntity.save((err,photos) => {
-
-          })
+          photosEntity.save((err,photo) => {})
           //删除临时文件
           fs.unlink(path,(err) => {})
         })
@@ -78,24 +77,23 @@ router.post('/pics', multipartyMiddleware, (req, res, next) => {
       // 单图上传
       let file = req.files.uploadFile
       let path = file.path
-      let writeStream = gfs.createWriteStream({
-        filename: file.name,
-        content_type: file.type,
-        metadata: {
-          type:"photo"
-        }
-      })
+      // let writeStream = gfs.createWriteStream({
+      //   filename: file.name,
+      //   content_type: file.type,
+      //   metadata: {
+      //     type:"photo"
+      //   }
+      // })
+      let writeStream = fs.createWriteStream('./static/images/' + file.name)
       gm(path).resize(500).stream().pipe(writeStream)
-      writeStream.on('close',(file) => {
+      writeStream.on('close',() => {
         // 记录图片业务关联信息
         let photo = {}
-        photo.id = file._id.toString()
-        photo.name = file.filename
-        photo.contentType = file.contentType
+        photo.name = file.name
+        photo.contentType = file.type
+        photo.originType = "photo"
         let photosEntity = new PhotosModel(photo)
-        photosEntity.save((err,photos) => {
-
-        })
+        photosEntity.save((err,photo) => {})
         //删除临时文件
         fs.unlink(path,(err) => {})
       })

api/schema/photosSchema.js

@@ -1,9 +1,9 @@
 const mongoose = require('mongoose')
 
 let PhotosSchema = new mongoose.Schema({
-  id:{type:String,default:''},
   name:{type:String,default:''},
   contentType:{type:String,default:''},
+  originType:{type:String,default:''},
   createDate:{type:Date,default:new Date()}
 })
 

apiServer.js

@@ -1,7 +1,6 @@
 const app = require('express')()
 const host = process.env.HOST || '127.0.0.1'
 const port = process.env.PORT || 3090
-const router = require('express').Router()
 
 app.set('port', port)
 

src/pages/Photo.vue

@@ -4,7 +4,7 @@
         <div class="content">
             <div class="photoList">
                 <div class="item" v-for="photo in photos">
-                    <img v-lazy.container="picsUrl + photo.filename" />
+                    <img v-lazy.container="picsUrl + photo.name" />
                 </div>
             </div>
             <mt-button type="primary" v-on:click="onTap">添加图片</mt-button>
@@ -23,15 +23,14 @@
 </template>
 
 <script>
-
     import vHeader from '../components/Header'
     import vFooter from '../components/Footer'
     export default {
         data() {
             return {
                 formdata : undefined,
                 popupVisible:false,
-                picsUrl : 'http://116.62.143.122/pics/',
+                picsUrl : './static/images/',
                 photos : []
             }
         },