标签：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
