Javascript 是否将CSV内容显示为url链接和HTML格式的网站图片?

Javascript 是否将CSV内容显示为url链接和HTML格式的网站图片?,javascript,html,image,csv,hyperlink,Javascript,Html,Image,Csv,Hyperlink,我有一个有很多链接的CSV文件,我想在表格中显示它们,而不是纯文本,而是超链接。该csv文件还包含照片链接,所以我希望它直接显示在网站上的图像。这可能吗 我已经成功地使用下面的代码在表中显示了我想要的所有内容 函数初始化表(选项){ 选项=选项| |{}; var csv_path=options.csv_path|; var el=options.element | |“表容器”; var allow_download=options.allow_download|false; var cs

我有一个有很多链接的CSV文件,我想在表格中显示它们,而不是纯文本,而是超链接。该csv文件还包含照片链接,所以我希望它直接显示在网站上的图像。这可能吗

我已经成功地使用下面的代码在表中显示了我想要的所有内容

函数初始化表(选项){
选项=选项| |{};
var csv_path=options.csv_path|;
var el=options.element | |“表容器”;
var allow_download=options.allow_download|false;
var csv|u options=options.csv|u options{};
var datatables_options=options.datatables_options | |{};
$(“#”+el).html(“”);
$.when($.get(csv_路径))。然后(
功能(数据){
data=data.replace(/[\r\n]/g,“\n”);
var csv_data=$.csv.toArray(数据,csv_选项);
var表_head=“”;
对于(head_id=0;head_id
有人能帮我做什么吗? 我真的需要在网站上显示所有的图片,并使链接可点击

我知道这需要对代码进行大量更改,但我不知道如何开始我正在尝试创建的内容


提前非常感谢

像这样的东西可能会帮助你

// process columns
for (col_id = 0; col_id < csv_data[row_id].length; col_id++) {
    switch (col_id) {
      // img
      case 1:
        row_html += '<td><img src="' + csv_data[row_id][col_id] + '" /></td>';
        break;

      // link
      case 3:
        row_html += '<td><a href="' + csv_data[row_id][col_id] + '">' + csv_data[row_id][col_id] + '</a></td>';
        break;

      default:
        row_html += "<td>" + csv_data[row_id][col_id] + "</td>";
    }
}
//进程列
对于(列id=0;列id
我想,与其用
行html+=''+csv_数据[row_id][col_id]+''将每个字段内容包装在td元素中,不如用
行html+=''+csv_数据[row_id][col u id]+''根据col_id的值,您必须将其包装为a以嵌入为图像或a。@ValentinHuber感谢您的帮助!我试过
row\u html+=“谢谢!我真的很感激。但是,我不知道怎么了,但这对我的网站没有任何影响:(…我不知道缺少了什么..没有改变任何东西吗?让我问一下,你是想打印所有列还是只打印图像和链接?你能分享输出的图像吗?问题是输出与已经发布的图片完全相同…也许我更改代码的方式有问题?-我已经更新了我的c我想打印所有内容,包括价格、标题、照片和链接:/只是好奇为什么在列循环中,你使用
col\u id++=2
而不是
col\u id++
。至于更新代码,页面是否缓存?请尝试Ctrl+F5或只按一下“HELLO WORLD”“在那里的某个地方,看看它是否更新。。。
// process columns
for (col_id = 0; col_id < csv_data[row_id].length; col_id++) {
    switch (col_id) {
      // img
      case 1:
        row_html += '<td><img src="' + csv_data[row_id][col_id] + '" /></td>';
        break;

      // link
      case 3:
        row_html += '<td><a href="' + csv_data[row_id][col_id] + '">' + csv_data[row_id][col_id] + '</a></td>';
        break;

      default:
        row_html += "<td>" + csv_data[row_id][col_id] + "</td>";
    }
}