我得到一个未定义而不是文件名

I am getting an undefined instead of filename

本文关键字:未定义 文件名 一个      更新时间:2023-09-26

我这里有一个应用程序的链接。现在我要做的是,当用户单击"上传"按钮时,它将显示一个加载栏,在其下方将显示正在上传的文件的名称和旁边的"取消"按钮,以便用户可以根据需要取消上传。

但问题是它根本没有检索文件名。它将其显示为未定义。所以我的问题是,如何才能在取消按钮旁边显示文件名而不是未定义?

下面是它开始上传和存储取消按钮函数的 javascript 函数:

function startImageUpload(imageuploadform, imagefilename){
  $('.imagef1_cancel').eq(window.lastUploadImageIndex)
    .html('' + imagefilename + 
          '<button type="button" class="imageCancel" cancel_image_file_name="' + 
          imagefilename + '">Cancel</button>');
  $('.imagef1_cancel').eq(window.lastUploadImageIndex).find(".imageCancel").on("click", 
    function(event) {
      var cancel_image_file_name = $(this).attr('cancel_image_file_name');
      console.log(cancel_image_file_name) 
      jQuery.ajax("cancelimage.php?imagefilename=" + cancel_image_file_name)
        return stopImageUpload(2);
  });     
  return true;
}

下面是cancelimage.php脚本,它应该在其中检索文件名:

<?php
$cancel_image_file_name = $_GET["imagefilename"];
?>

当你渲染你的html时

前任。

  // html 
     <img src="bla_bla_bla" name="img_1.jpg" id="x" >
 // in your JS
     $imgName = $("#x").attr('name');

然后,您可以使用Ajax正常发送映像名称