相关疑难解决方法(0)

1761
推荐指数
23
解决办法
82万
查看次数

使用readAsDataURL()进行图像预览

jsFiddle URL:http://jsfiddle.net/Xotic750/AjtLx

一整天都在努力,我看不出这个问题.这可能是由于我对FileReader对象如何工作的狭隘理解,但我想要做的是使用readAsDataURL()来获取用户选择的图像并在表格中在屏幕上预览它们.一切都在减去......你猜对了......预览......好吧.我想我很接近,因为预览会起作用,但它只显示该组的最后一张图像.比如说,如果我上传了6张图片,那么第3行的第3行就会被破坏,第2行会破坏第2行,最后的第6张图片会显示预览....任何建议都非常感谢.此外,一旦这个工作,它可能会帮助其他人尝试做同样的事情,因为我已经搜索了所有这个问题的解决方案,我似乎无法挖掘任何东西....

function PreviewImages() {
    var inputID = document.getElementById('input_clone');
    var totalImages = inputID.files.length;
    var imagesPerRow = 3;
    var numRows = totalImages / imagesPerRow;
    var row = "";
    var cell = "";
    var element1 = "";
    var elementID = "";


    for(var i = 0; i < numRows; i++){ //create rows
        row = document.getElementById('image_preview_table').insertRow(i);
        for(var ii = 0; ii < imagesPerRow; ii++){ //create cells
            cell = row.insertCell(ii);
            elementID = "img_" + ii;
            element1 = document.createElement("img");
            element1.name = elementID; …
Run Code Online (Sandbox Code Playgroud)

javascript upload preview

9
推荐指数
2
解决办法
4万
查看次数

有没有办法让用户在上传到服务器之前查看他们即将上传客户端的图像?

当用户上传图像时,有没有办法可以加载图像客户端并在将其上传到服务器之前首先显示给他们?最好只使用javascript/jquery,但使用flash也是可以接受的.

javascript jquery image

2
推荐指数
1
解决办法
1124
查看次数

标签 统计

javascript ×3

arrays ×1

for-loop ×1

image ×1

iteration ×1

jquery ×1

loops ×1

preview ×1

upload ×1