javascript - 我真的可以在上传表单中使用这段代码吗？

Question

我的网站有一个上传页面，其中有一个表单，其中一个输入用于如下标签:

<div class="form-group">
    <label class='label' for="artwork-tags">Tags</label>
    <input class='input' type="text" name="artwork-tags" placeholder="Tags" value='{{ Request::old('artwork-tags') }}'>
     @include('partials.invalid', ['field' => 'artwork-tags'])
</div>

然后我使用以下方法在服务器端获取标签:

$tagsRaw = $request->input('artwork-tags');

这就是我的实际问题开始的地方。我发现了一段用于标签输入样式的代码片段，在您键入逗号 (,) 后，它将在自己的容器中分隔写入的标签。但是，正如您在 codepen 中看到的，标签输入只是:

  <div class="tags-input"></div>

没有表单，没有输入，没有提交，什么都没有。这就是为什么我想知道如何获取服务器端该 div 内写入的标签？

Codepen - https://codepen.io/juliendargelos/pen/MJjJZm

Answer 1

对我来说，这可能是一个加载问题。我提取了代码并将其添加到页面中，并且运行良好。

所以...由于这可能更多是一个 Javascript 问题，而不是 Laravel 问题，我建议您在页面上提取源代码并确保已加载 css 和 JS。

这是由 JS 驱动的，但您需要在服务器端处理传入的项目。设置此功能的最简单方法是转储请求对象 (dd($request->all()) 并查看特定于标签的变量。从服务器端，您将需要编写代码来接受这些标签，并查看它们是否已经存在。如果不存在，则在数据库中创建新标签并获取其新 ID。如果已经存在，则根据字符串匹配从数据库中获取现有标签的 ID。

类似于:

$existing_tags = \App\Tag::pluck('name', 'id')->toArray();
foreach(//on $request->get('tags')){
  //Loop to see if name is already in $existing_tags[] - if not, create new tag -- if so, pull ID and attach
}

对于没有形式、没有输入等问题的答案，很可能是您没有提取整个 js 库或任何依赖项如果上面的转储不起作用。另外，从您的问题中并不清楚您所处的位置，但请记住，这只是表单代码的一部分。您仍然需要提供正常的 Laravel 路由和表单的标准其余部分(例如提交按钮等)。