使用删除路由器-Node.Js

时间:2019-04-19 19:04:24

标签: node.js express handlebars.js fs

我正在使用Node.Js应用程序,用户可以在其中上载和删除文件。

在我的“ app.delete”路由器上,我试图传递ID和文件的默认名称。 “ ID”参数用于从数据库中删除对象,默认名称用于通过unlink方法的名称从我的上载文件夹中删除图像。

这是我的“ app.js”:

app.delete('/api/delete_welcome_screen_image/:id/:imageName', (req, res) => {
    fileStream.unlink('./uploads/' + req.params.imageName, err => {
        console.log(err);
    })

    ScreenImage.deleteOne(req.params._id)
    .then((screenImage) => {
        res.status(200).send(screenImage);
    })
    .catch(err => res.status(500).send(err));
})

...我的HBS文件以及HTML和JavaScript代码:


{{#each images}}
   <tr>
      <td>{{this.company}}</td>
      <td>{{this.date}}</td>
      <td>{{this.activated}}</td>
      <td>{{this.wsType}}</td>
      <td>
        <a href="/edit_welcome_screen_image/{{this.id}}" class="edit" title="Edit" data-toggle="tooltip"><i class="material-icons">&#xE254;</i></a>
        <a class="deleteImage" title="Delete" data-toggle="tooltip" href="/api/delete_welcome_screen_image/{{this.id}}/{{this.imageName}}"><i class="material-icons">&#xE872;</i></a>
      </td>
   </tr>
{{/each}}

$('.deleteImage').click((e) => {
        e.preventDefault();

        let confirmation = confirm("Are you sure about this?");

        if (confirmation === true) {
            $.ajax({
                type:'DELETE',
                url: '/api/delete_welcome_screen_image/:id/:imageName',
                contentType: 'application/json',
                success: (data) => {
                    alert('Welcome Screen deleted successfully!');
                    window.location.href = "/welcome_screens_list"
                },
                error: () => {
                    alert('An issue has occurred!');
                }
            })
        }
    })

这是我收到的错误:


{ [Error: ENOENT: no such file or directory, unlink 'C:\Users\paulo\Documents\Workspaces\Visual Studio Code\WelcomeScreenCinq\uploads\:videoName']
  errno: -4058,
  code: 'ENOENT',
  syscall: 'unlink',
  path:
   'C:\\Users\\paulo\\Documents\\Workspaces\\Visual Studio Code\\WelcomeScreenCinq\\uploads\\:videoName' }

我的数据库中的所有内容均已正确删除,但图像本身并未从我的上载文件夹中删除。

我在做什么错了?

1 个答案:

答案 0 :(得分:2)

问题出在您的AJAX请求中。快速路由URL内的:variables是数据参数。您实际上并没有传递任何数据,而是传递了无用的参数。

因此,您的AJAX请求应该类似于

            const id = //GET ID WITH jQUERY
            const imageName = //GET NAME WITH JQUERY
            $.ajax({
            type:'DELETE',
            url: `/api/delete_welcome_screen_image/${id}/${imageName}`,
            contentType: 'application/json',
            success: (data) => {
                alert('Welcome Screen deleted successfully!');
                window.location.href = "/welcome_screens_list"
            },
            error: () => {
                alert('An issue has occurred!');
            }
        })

提示,您无需将ScreenImage名称传递给路由。该ID应该足以识别要删除的资源,因为当文件上传时使用唯一的标识符来重命名这些文件,或者当其他人上传具有该名称的文件时会出现问题。