javascript - 怎么把html上文件选择器选中的文件上传到服务器指定目录并把patch记录到数据库呢？-php教程-PHP中文网

首页

后端开发

php教程

javascript - 怎么把html上文件选择器选中的文件上传到服务器指定目录并把patch记录到数据库呢？

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 06, 2016 pm 08:32 PM

ajaxhtmljavascriptphp

html部分：

<code><extend name="Common/base"></extend>
<block name="nav"></block>

<block name="main">
<div class="pd-20">
   <form action="addPost" method="post" class="form form-horizontal" id="form-staff-add">
    <input type="hidden" id="{$modelIdField}" name="{$modelIdField}" value="{$staff.staff_id}">
    <div class="row cl">
      <label class="form-label col-3"><span class="c-red">*</span>图片文件：</label>
      <div class="formControls col-7">
        <span class="btn-upload form-group">
            <input class="input-text upload-url radius" type="text" name="uploadfile" id="uploadfile" readonly datatype="*" nullmsg="不能为空！"><a href="javascript:void();" class="btn btn-primary radius"><i class="iconfont">󰀠</i> 浏览文件</a>
            <input type="file" multiple name="file" class="input-file">
        </span>
      </div>
      <div class="col-4"> </div>
    </div>
    <div class="row cl">
      <div class="col-9 col-offset-3">
        <input class="btn btn-primary radius" type="submit" value="  提交  ">
      </div>
    </div>
  </form>
</div>
</block>

<block name="js">
$(function(){
    $("#form-staff-add").Validform({
        tiptype:3,
    });
});
</block>
</code>

php部分：

<code><?php /**
 * PHP多文件上传模块
 *
 * 用到的函数：is_upload_file(), move_upload_file(), pathinfo(), file_exists()
 */


//1.获取要上传文件的信息
$up_info = @$_FILES['myfile'];
$to_path = "./pic";
$typelist = array("image/gif","image/jpeg", "image/pjpeg", "image/png");

//在循环里面验证上传相关信息
for ($i = 0; $i < count($up_info['name']); $i++) {

    //2.判断文件是否上传错误
    if ($up_info['error'][$i]>0){
        switch ($up_info['error'][$i]){
            case 1:
                $err_info="上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值";
                break;
            case 2:
                $err_info="上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值";
                break;
            case 3:
                $err_info="文件只有部分被上传";
                break;
            case 4:
                $err_info="没有文件被上传";
                break;
            case 6:
                $err_info="找不到临时文件夹";
                break;
            case 7:
                $err_info="文件写入失败";
                break;
            default:
                $err_info="未知的上传错误";
                break;
        }
        continue($err_info);
    }

    //3.判断文件上传的类型是否合法
    if (!in_array($up_info['type'][$i], $typelist)){
        continue("文件类型错误！".$up_info['type'][$i]);
    }

    //4.上传文件的大小过滤
    if ($up_info['size'][$i]>1000000){
        continue("文件大小超过1000000");
    }


    //5.上传文件名处理
    $exten_name = pathinfo($up_info['name'][$i], PATHINFO_EXTENSION);
    do{
        $main_name=date("YmdHis")."--".rand(100, 999);
        $new_name = $main_name.".".$exten_name;
    }while (file_exists($to_path.'/public/upload/photo'.$new_name));



    //6.判断是否是上传的文件，并执行上传
    if (is_uploaded_file($up_info['tmp_name'][$i])){
        if (move_uploaded_file($up_info['tmp_name'][$i], $to_path.'/public/upload/photo'.$new_name)){
            echo "文件上传成功！";
        }else{
            echo "文件移动失败！";
        }
    }

}
?>

貌似是不是需要先让html能调用到php脚本啊
</code>

回复内容：

html部分：

<code><extend name="Common/base"></extend>
<block name="nav"></block>

<block name="main">
<div class="pd-20">
   <form action="addPost" method="post" class="form form-horizontal" id="form-staff-add">
    <input type="hidden" id="{$modelIdField}" name="{$modelIdField}" value="{$staff.staff_id}">
    <div class="row cl">
      <label class="form-label col-3"><span class="c-red">*</span>图片文件：</label>
      <div class="formControls col-7">
        <span class="btn-upload form-group">
            <input class="input-text upload-url radius" type="text" name="uploadfile" id="uploadfile" readonly datatype="*" nullmsg="不能为空！"><a href="javascript:void();" class="btn btn-primary radius"><i class="iconfont">󰀠</i> 浏览文件</a>
            <input type="file" multiple name="file" class="input-file">
        </span>
      </div>
      <div class="col-4"> </div>
    </div>
    <div class="row cl">
      <div class="col-9 col-offset-3">
        <input class="btn btn-primary radius" type="submit" value="  提交  ">
      </div>
    </div>
  </form>
</div>
</block>

<block name="js">
$(function(){
    $("#form-staff-add").Validform({
        tiptype:3,
    });
});
</block>
</code>

php部分：

<code><?php /**
 * PHP多文件上传模块
 *
 * 用到的函数：is_upload_file(), move_upload_file(), pathinfo(), file_exists()
 */


//1.获取要上传文件的信息
$up_info = @$_FILES['myfile'];
$to_path = "./pic";
$typelist = array("image/gif","image/jpeg", "image/pjpeg", "image/png");

//在循环里面验证上传相关信息
for ($i = 0; $i < count($up_info['name']); $i++) {

    //2.判断文件是否上传错误
    if ($up_info['error'][$i]>0){
        switch ($up_info['error'][$i]){
            case 1:
                $err_info="上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值";
                break;
            case 2:
                $err_info="上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值";
                break;
            case 3:
                $err_info="文件只有部分被上传";
                break;
            case 4:
                $err_info="没有文件被上传";
                break;
            case 6:
                $err_info="找不到临时文件夹";
                break;
            case 7:
                $err_info="文件写入失败";
                break;
            default:
                $err_info="未知的上传错误";
                break;
        }
        continue($err_info);
    }

    //3.判断文件上传的类型是否合法
    if (!in_array($up_info['type'][$i], $typelist)){
        continue("文件类型错误！".$up_info['type'][$i]);
    }

    //4.上传文件的大小过滤
    if ($up_info['size'][$i]>1000000){
        continue("文件大小超过1000000");
    }


    //5.上传文件名处理
    $exten_name = pathinfo($up_info['name'][$i], PATHINFO_EXTENSION);
    do{
        $main_name=date("YmdHis")."--".rand(100, 999);
        $new_name = $main_name.".".$exten_name;
    }while (file_exists($to_path.'/public/upload/photo'.$new_name));



    //6.判断是否是上传的文件，并执行上传
    if (is_uploaded_file($up_info['tmp_name'][$i])){
        if (move_uploaded_file($up_info['tmp_name'][$i], $to_path.'/public/upload/photo'.$new_name)){
            echo "文件上传成功！";
        }else{
            echo "文件移动失败！";
        }
    }

}
?>

貌似是不是需要先让html能调用到php脚本啊
</code>

我php不会所以不清楚你后台的代码是否正确，但是你的from的类型就不对：

<code>enctype="multipart/form-data"
</code>

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

PHP与Python：了解差异Apr 11, 2025 am 12:15 AM

PHP和Python各有优势，选择应基于项目需求。1.PHP适合web开发，语法简单，执行效率高。2.Python适用于数据科学和机器学习，语法简洁，库丰富。

php：死亡还是简单地适应？Apr 11, 2025 am 12:13 AM

PHP不是在消亡，而是在不断适应和进化。1)PHP从1994年起经历多次版本迭代，适应新技术趋势。2)目前广泛应用于电子商务、内容管理系统等领域。3)PHP8引入JIT编译器等功能，提升性能和现代化。4)使用OPcache和遵循PSR-12标准可优化性能和代码质量。

PHP的未来：改编和创新Apr 11, 2025 am 12:01 AM

PHP的未来将通过适应新技术趋势和引入创新特性来实现：1)适应云计算、容器化和微服务架构，支持Docker和Kubernetes；2)引入JIT编译器和枚举类型，提升性能和数据处理效率；3)持续优化性能和推广最佳实践。

您什么时候使用特质与PHP中的抽象类或接口？Apr 10, 2025 am 09:39 AM

在PHP中，trait适用于需要方法复用但不适合使用继承的情况。1)trait允许在类中复用方法，避免多重继承复杂性。2)使用trait时需注意方法冲突，可通过insteadof和as关键字解决。3)应避免过度使用trait，保持其单一职责，以优化性能和提高代码可维护性。

什么是依赖性注入容器（DIC），为什么在PHP中使用一个？Apr 10, 2025 am 09:38 AM

依赖注入容器（DIC）是一种管理和提供对象依赖关系的工具，用于PHP项目中。DIC的主要好处包括：1.解耦，使组件独立，代码易维护和测试；2.灵活性，易替换或修改依赖关系；3.可测试性，方便注入mock对象进行单元测试。

与常规PHP阵列相比，解释SPL SplfixedArray及其性能特征。Apr 10, 2025 am 09:37 AM

SplFixedArray在PHP中是一种固定大小的数组，适用于需要高性能和低内存使用量的场景。1)它在创建时需指定大小，避免动态调整带来的开销。2)基于C语言数组，直接操作内存，访问速度快。3)适合大规模数据处理和内存敏感环境，但需谨慎使用，因其大小固定。

PHP如何安全地上载文件？Apr 10, 2025 am 09:37 AM

PHP通过$\_FILES变量处理文件上传，确保安全性的方法包括：1.检查上传错误，2.验证文件类型和大小，3.防止文件覆盖，4.移动文件到永久存储位置。

什么是无效的合并操作员（??）和无效分配运算符（?? =）？Apr 10, 2025 am 09:33 AM

JavaScript中处理空值可以使用NullCoalescingOperator(??)和NullCoalescingAssignmentOperator(??=)。1.??返回第一个非null或非undefined的操作数。2.??=将变量赋值为右操作数的值，但前提是该变量为null或undefined。这些操作符简化了代码逻辑，提高了可读性和性能。

See all articles