Question

我有一个想法，想尝试一下。我正在使用名为cropit的酷工具。我需要上传多张图片，自动裁剪并保存在服务器端。不幸的是，我一次只能处理一个图像，我有12个单独的字段用于上传和预览。例如，第5张图像的当前代码如下所示：

HTML：

<div id="image-cropper5">

    <!-- This is where user selects new image -->

    <label> Upload Photo <input type="file" class="cropit-image-input"/></label>

    <!-- This is where the preview image is displayed -->

    <label><div class="cropit-preview"></div></label>

    <!-- This is the confirmation -->

    <button type="button" id="image5pick" disabled>OK</button>

</div>

JQuery的：

$('#image-cropper5').cropit();

$('#image5pick').click(function() {
    var imageData5 = $('#image-cropper5').cropit('exportZoom', 3);
    imageData5 = $('#image-cropper5').cropit('export');
    $.post('php/upload.php', { imageData5: imageData5 }, function() { $('#image5pick').data('clicked', true) })
});

PHP：

$imageData5 = $_POST["imageData5"];

if ($_POST["imageData5"]){
    $decoded = $imageData5;
    $exp = explode(',', $decoded);
    $base64 = array_pop($exp);
    $data = base64_decode($base64);
    $file = "data5.png";
    file_put_contents($file, $data);
}

我想要尝试的是通过<input name="photos[]" type="file" class="multiupload" multiple/>上传多个图像，从阵列中获取每个图像并自动处理每个图像并通过代码单独处理（也没有“确定”确认，只需尽快处理随着预览的到来）。

所以第一个问题是：如何将文件分别带到jquery代码？

如何单独处理多个文件

0 个答案: