码迷,mamicode.com
首页 > Web开发 > 详细

使用上传插件上传

时间:2021-01-13 11:15:56      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:ue4   query   html   echo   set   uri   前端   doc   ext   

1.前端页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<script src="/test/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="/test/js/ajaxfileupload.js" type="text/javascript"></script>
<body>
    <input type="file" id="id_photos" name="id_photos" value="上传" />

    <div>
        <img alt="" id="showimg">
    </div>
    <input type="button" name="btn" value="提交">
    <input type="hidden" name="img_path">
</body>
</html>
<script>
    $(document).ready(function(){
        $("#id_photos").change(function(){
            //发送ajax
            $.ajaxFileUpload({
                url: "/test/upload.php",
                type:"post",
                fileElementId: "id_photos",
                dataType : "json",
                success:function(msg){
                    $("#showimg").attr("src",msg.filepath);
                    $("input[name=‘img_path‘]").val(msg.filepath);
                }
            });
        });
        $("input[name=‘btn‘]").click(function(){
            var img_path = $("input[name=‘img_path‘]").val();
            console.log(img_path);
            //$.ajax({})
        });
    });
</script>

2.后端php代码

<?php
    $arr = $_FILES;
    $tmpName = $arr["id_photos"]["tmp_name"];
    $fileName = $arr["id_photos"]["name"];
    $ext = explode(".", $fileName)[1];

    $filePath = Date("./Y/m/d/",time());
    if(!is_dir($filePath)){
        mkdir($filePath,777,true);
    }

    $num = time()+rand(1000,100000);
    $newFileName = md5($num);
    $newFileName  = $newFileName.".{$ext}";

    $filePath = $filePath.$newFileName;
    //move_uploaded_file($filePath, $tmpName);
    move_uploaded_file($tmpName, $filePath);

    $filePath = trim($filePath,".");
    $filepath = "/test".$filePath;

    $arr = [
        "filepath"=>$filepath,
    ];

    echo json_encode($arr);

?>

 3.上传参数

1、url           上传处理程序地址 
2、fileElementId      文件选择框的id属性,即的id 
3、secureuri        是否启用安全提交,默认为false 
4、dataType        服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断 
5、success        服务器响应成功后的处理函数 ,参数data就是服务器返回的数据 
6、error          服务器响应失败后的处理函数 
7、data           自定义参数,当有数据要和上传的文件一起传到后台处理的时候会用到。这里注意,数据格式比较严格{param:[{‘param1:value1,param2:value2 },{‘param1:value3,param2:value4 }]}, 其中单引号不能改为双引号 
8、type           提交数据的方式,一般为post

 

使用上传插件上传

标签:ue4   query   html   echo   set   uri   前端   doc   ext   

原文地址:https://www.cnblogs.com/zh718594493/p/14265089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有
迷上了代码!