javascript - 如何将图像、名称和文件大小作为 href 附加到表 td

Question

我想附加一张图片，它的名称和文件大小显示在 <a> 中表格内的标签 <td>作为引用。但是在点击期间我收到错误 Uncaught TypeError: td.appendChild is not a function at Image.img.onload .对此有任何帮助将不胜感激？

    function upload(){
      var img = new Image();
      var td = $('.someclass>tbody>tr>td>a');
      img.onload = function() {
        td.appendChild(img+fileName);
      };
      img.src = 'file:///C:/somename/Tests/avatar.JPG'; 
      var fileName = img.replace(/^.*[\\\/]/, '');
    }

    <table class="someclass"> 
    <tbody>
      <tr>
        <td class="filename">
          <a target="_blank" href="http://somelink.com"></a>
        </td> 
        <td class="filesize">
        </td>
      </tr>
     </tbody>
    </table>
    <div class="rtggBJHGHGH123JHGH">
    <span>Upload</span>
    <input onclick= "upload();" type="file" name="file">  
    </div>

Answer 1

由于您将一个 jQuery 对象分配给您的变量，您可以直接使用 append() 方法:

...
var td = $('.someclass>tbody>tr>td>a');
img.onload = function() {
    td.append(img);
};
...

此外，由于您将 img 定义为 Image 对象，因此您还必须在 replace() 语句中调用 src 属性，作为独立附加对象:

...
img.src = 'file:///C:/somename/Tests/avatar.JPG'; 
var fileName = img.src.replace(/^.*[\\\/]/, '');
img.onload = function() {
    td.append(img).append(fileName);
};
....