关于plupload的使用(代码经过测试可以使用)

最新推荐文章于 2022-12-30 09:52:29 发布

spark无与伦比

最新推荐文章于 2022-12-30 09:52:29 发布

阅读量971

点赞数

本文链接：https://blog.csdn.net/weixin_38420342/article/details/81513987

版权

这篇博客详细介绍了如何导入并使用plupload进行文件上传，包括设置上传URL为upload.php，创建多个上传实例，以及在表格中动态添加图片的功能。同时提供了相关样式和plupload的初始化配置示例。

摘要由CSDN通过智能技术生成

首先如何导入plupload

<script type="text/javascript" src="public/static/plupload/plupload.full.min.js"></script>

其中url参数：upload.php如下所示：

<?php

$typeArr = array("jpg", "png", "gif", "jpeg"); //允许上传文件格式
$path = "public/images/upload/post/"; //上传路径

if (isset($_POST)) {
    $name = $_FILES['file']['name'];
    $size = $_FILES['file']['size'];
    $name_tmp = $_FILES['file']['tmp_name'];
    if (empty($name)) {
        echo json_encode(array("error" => "您还未选择图片"));
        exit;
    }
    $type = strtolower(substr(strrchr($name, '.'), 1)); //获取文件类型

    if (!in_array($type, $typeArr)) {
        echo json_encode(array("error" => "请上传jpg,png或gif类型的图片！"));
        exit;
    }
    if ($size > (50000 * 1024)) { //上传大小
        echo json_encode(array("error" => "图片大小已超过50000KB！"));
        exit;
    }

    $pic_name = time() . rand(10000, 99999) . "." . $type; //图片名称
    $pic_url  = $path . $pic_name; //上传后图片路径+名称
    if (move_uploaded_file($name_tmp, $pic_url)) { //临时文件转移到目标文件夹
        echo json_encode(array("error" => "0", "pic" => $pic_url, "name" => $pic_name));
    } else {
        echo json_encode(array("error" => "上传有误，清检查服务器配置！"));
    }
}
?>

建立多个plupload

$("#v_m").click(function(){
        myselect=document.getElementById("v_m");
        index=myselect.selectedIndex ;
        option = myselect.options[index].text;
        upload_total = option;
        var html = "";
        for( var i = 0; i < option; i++ )
        {
            var j = i+1;
            html += "<tr >";
            htm