Javascript 从列表项中提取图像

Javascript 从列表项中提取图像,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我有一个ul和li的图像。我正在使用最后一个li并希望从中提取图像数据以上载,否则服务器(Flask)会告诉我数据是htmlilement 我是怎么知道的?以下是JS代码: // e.preventDefault(e); var img = new FormData(); img.append('file',$("#preview_list li:last-child")[0]); // Debugging statement

我有一个
ul
li
的图像。我正在使用最后一个
li
并希望从中提取图像数据以上载,否则服务器(Flask)会告诉我数据是
htmlilement

我是怎么知道的?以下是JS代码:

        // e.preventDefault(e);
        var img = new FormData();
        img.append('file',$("#preview_list li:last-child")[0]);

        // Debugging statement
        //$("#preview_list li:last-child").dialog();
        $.ajax({
            type : "POST",
            url : "/_process",
            data : img,
            contentType: false,
            dataType: false,
            cache: false,
            processData: false,
            success: function(data,textStatus,jqXHR) {
                alert(data['result']);
            }
        });

您应该添加一个
  • 的示例,只是为了确定它们是如何内置的,我在这里找到了这个漂亮的技术-。但目前看来,这只是一个解决办法。