Question

我有一个指向应用程序here的链接。现在我要做的是，当用户点击“上传”按钮时，它会显示一个加载条和下方，它将显示正在上传的文件的名称和旁边的“取消”按钮所以用户可以根据需要取消上传。

但问题是它根本没有检索文件名。它显示为未定义。所以我的问题是如何在取消按钮旁边显示文件名并且未定义？

下面是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"];

?>

Answer 1

渲染HTML时

<强>离。

  // html 
     <img src="bla_bla_bla" name="img_1.jpg" id="x" >

 // in your JS
     $imgName = $("#x").attr('name');

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

我得到一个undefined而不是文件名

1 个答案: