Javascript 如何将图像、名称和文件大小附加到表td as href

我想附加一个图像，其名称和文件大小显示在

上传

由于您正在为变量分配jQuery对象，因此可以直接使用

append（）

方法：

。。。
var td=$（'.someclass>tbody>tr>td>a'）；
img.onload=函数（）{
td.append（img）；
};
...

此外，由于已将

img

定义为图像对象，因此必须在

replace（）

语句中调用

src

属性，并单独附加对象：

。。。
img.src=file:///C:/somename/Tests/avatar.JPG'; 
var fileName=img.src.replace（/^.[\\\/]/，“”）；
img.onload=函数（）{
td.append（img）.append（文件名）；
};
....

您可以使用jquerys

.append（）

方法将图像和文件名数据添加到选定的

表格单元格中。此外，为了提取从文件输入元素中选择的文件/图像的名称和大小数据，请考虑使用<代码> FieleRADER < /C> > API：

函数上传（事件）{
//从事件中提取文件
var file=event.currentTarget.files[0]；
如果（！文件）
{
返回；
}
//使用文件读取器从文件字段访问数据
var reader=new FileReader（）；
reader.onload=函数（事件）
{
var img=新图像（）；
img.onload=函数（）
{
var td=$（'.someclass>tbody>tr>td>a'）；
//如果图像是从文件加载的，请将其附加到td
td.append（img）；
//从文件对象中提取名称并将其附加到td
td.append（$（''）.text（'Name:'+file.Name））
//从文件对象提取大小并将其附加到td
td.append（$（“”）.text（'Size:'+file.Size））
}
img.src=event.target.result；
}
//将文件传递到文件读取器
reader.readAsDataURL（文件）；
}

上传

td

在本例中是一个jQuery对象。jQuery不公开

appendChild

方法。只需使用

append（）

方法，它确实有一个问题，我应该在哪里给出图像路径

file:///C:/somename/Tests/avatar.JPG“

Hi@soccerway，使用上面的答案，当通过文件选择器输入选择文件时，图像路径由用户提供-您通常会发现浏览器很难通过以下文件路径直接从文件系统访问文件：

file:///C:/somename/Tests/avatar.JPG

希望这有帮助！