【问题标题】:How to upload thumnails as well as images to server with dropzone js如何使用 dropzone js 将缩略图和图像上传到服务器
【发布时间】:2013-10-05 12:07:51
【问题描述】:

图片正在上传到服务器就好了。但我也需要上传缩略图。 在 dropzone 站点上找不到该信息(初始化选项等)。 html 显示缩略图的 src,如下所示: data:image/png;base64,iVBORw0KGgoA.... 将所有图像存储在字符串中? 我可以如何以及在哪里将它传递给服务器(php)? 我应该在 upload.php 中更改什么? 现在它的:

 $ds          = DIRECTORY_SEPARATOR;  //1

$storeFolder = '../../images/gallery';   //2

if (!empty($_FILES)) {

    $tempFile = $_FILES['file']['tmp_name'];          //3             

    $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;  //4

    $targetFile =  $targetPath. $_FILES['file']['name'];  //5

    move_uploaded_file($tempFile,$targetFile); //6

}

对不起,笨拙的英语,感谢您的回复)

【问题讨论】:

    标签: javascript php dropzone.js


    【解决方案1】:

    缩略图存储为 SVG。

    您可以在发送到服务器的表单中添加隐藏输入,然后将缩略图src 信息表单放在那里。

    如果您无法控制传输到服务器的表单,您可以使用 javascript 获取图像 src 数据,并使用 Ajax 在单独的请求中发送信息。

    但是,您可能需要考虑仅存储原始图像并根据服务器端的需要对其进行操作。

    您可以稍后缓存这些结果。

    【讨论】:

    • I found event 'sending' "在发送每个文件之前调用。获取 xhr 对象和 formData 对象作为第二和第三个参数,因此您可以修改它们(例如添加 CSRF 令牌) 或添加其他数据。”但是如何获得 img src ? img标签是用dropzone动态生成的,没有id
    • 在jquery或JS中查找遍历dom
    猜你喜欢
    • 2015-06-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-11
    • 2014-02-13
    • 1970-01-01
    • 2019-04-08
    • 1970-01-01
    相关资源
    最近更新 更多