jquery点击盒子上传本地图片之后怎么获取图片的名字

当用户选择了本地图片并触发了 `change` 事件后，您可以通过 `files` 属性获取用户选择的文件列表，然后从文件列表中获取图片的名字。

下面是获取图片名字的代码：

$("#upload").on("change", function(){
  var fileName = $(this).val().split("\\").pop();
  console.log(fileName);
});

在这个代码中，`$(this).val()` 获取了用户选择的文件的路径，然后通过 `split("\\").pop()` 将路径字符串转换为数组，以获取文件名。最后，将文件名存储在 `fileName` 变量中，您可以在此处使用该变量来执行您的上传操作。

相关问题

jquery点击盒子上传本地图片

您可以使用以下代码实现在点击盒子后上传本地图片：

HTML：

<input type="file" id="upload" style="display:none">
<div id="box">点击上传图片</div>

jQuery:

$("#box").click(function(){
  $("#upload").click();
});

$("#upload").on("change", function(){
  // 执行上传图片的代码
});

当用户点击 `#box` 时，会触发 `click` 事件，从而点击了 `#upload`。当用户选择了本地图片后，会触发 `change` 事件，您可以在该事件中编写上传图片的代码。

jquery点击上传图片点击按钮上传图片

您可以使用以下代码来实现在点击按钮后上传图片：

HTML 代码：

<input type="file" id="fileInput" style="display:none;">
<button id="uploadBtn">上传图片</button>

jQuery 代码：

$(document).ready(function(){
  $('#uploadBtn').click(function(){
    $('#fileInput').click();
  });
  $('#fileInput').change(function(){
    // 在这里添加上传图片的代码
    alert("图片已上传！");
  });
});

当用户点击按钮时，这个代码会触发文件上传的对话框。当用户选择文件后，change 事件会被触发，您可以在这里添加上传图片的代码。