2016-07-27 65 views
0

我寫了一個代碼,允許用戶上傳圖像到服務器。我的代碼如下:檢索上傳文件的圖像路徑

我的後端在Node JS。我想要的是檢索圖像文件的文件路徑,以便我可以上傳它。這是從Node JS方面完成的。

我寫的代碼不起作用。它在檢索圖像文件的路徑時崩潰。

<div class="form-group"> 
    <input id="input-700" name="kartik-input-700[]" type="file" multiple class="file-loading" name="fileupload"> 

</div> 

JAVASCRIPT

<script type="text/javascript"> 

    $(document).ready(function(){ 

$("#input-700").fileinput({ 
    uploadUrl: "/filllll/uploadIm", // server upload action 
    allowedFileExtensions: ['jpg', 'png'], 
    uploadAsync: true, 
    maxFileCount: 1 
}); 
var fullPath = $("#input-700").val(); 
alert(fullPath); 

    }); 
</script> 

節點JS

router.post('/uploadIm', function (req, res, next) { 
    console.log('IThe path of the file' + res.fieldname); 

}); 
+0

您可以使用像「multer」這樣的npm模塊來處理文件上載。它通過在req中添加一個文件字段使得文件上傳更加容易。 – nrgwsth

回答

0

快遞沒有這個開箱。您需要處理multipart/form-data。最簡單的方法 - 使用中間件。例如,multer

var express = require('express') 
var multer = require('multer') 
var upload = multer({ dest: 'uploads/' }) 

var app = express() 

app.post('/profile', upload.single('avatar'), function (req, res, next) { 
    // req.file is the `avatar` file 
    // req.body will hold the text fields, if there were any 
}) 
+0

你也可以向我展示相應的HTML和JQuery函數。我是一個新手。 :S – Illep

+0

很多關於這個主題的互聯網上的教程:)例如:https://codeforgeek.com/2014/11/ajax-file-upload-node-js/ –