文件上传需要注意php.ini文件的修改

如何修改php.ini文件?

我们来了解每一个配置项。

我们看一下如何修改php.ini。

php.ini的文件太多,找不到的时候你可以使用ctrl+f 搜索相关配置项。

配置项 功能说明
file_uploads on为 开启文件上传功能,off为关闭
post_max_size 系统允许的POST传参的最大值
upload_max_filesize 系统允许的上传文件的最大值
memory_limit 内存使用限制
建议尺寸: file_size(文件大小) < upload_max_filesize < post_max_size < memory_limit

另外,需要注意的是脚本执行时间。

max_execution_time,这什参数的单位为秒。
这个参数是设定脚本的最大执行时间。
也可以根据需求做适当的改变。通常不需要来修改,系统默认值即可。超大文件上传的时候,可能会涉及到这一项参数的修改。

上传时间太长了,会超时。如果你将此项参数设为0,则是不限制超时时间,不建议使。

完成了php.ini的相关配置,我们就可以开始试着完成第一次文件上传了。

标签: php

Thinkphp 发布于 2021-11-17 14:36

JavaScript 的文档输出

h1>我的的案例!

<script>
document.write("<p>我的第一段 JavaScript</p>");
</script>

大家可以看下,P标签是直接写在 JS语句里面的;

标签: Javascript

Thinkphp 发布于 2021-11-17 14:34

JavaScript 改变 HTML 元素的样式

大家可以看到,直接使用: id的 获取,然后 加符号 . 点,直接可以改变 元素的样式;

标签: Javascript

Thinkphp 发布于 2021-11-17 14:33

javascript点击事件实现文本内容的改变

</head>
<body>
<h1 onclick="changetext(this)">   点击</h1>

<script>
function changetext(id)
{
id.innerHTML="谢谢!";
}
</script>

在JS中, 这个函数里面的 ID  ,给ID 一个 值;当  文字点击行为,触发  JS的点击事件成立,则ID的值 出现;
标签: Javascript

Thinkphp 发布于 2021-11-17 14:32

javascript表单验证案例一

unction check(){
if(document.getElementById("user").value=="") {
alert("请输入姓名!");
return false;
} else if(document.getElementById("phone").value=="") {
alert("请输入手机号码!");
return false;
} else {
alert("提交订单成功!")
return true;
}
}

标签: Javascript

Thinkphp 发布于 2021-11-17 14:29

javascript邮件表单验证案例一

function validateForm(){
var x=document.forms["myForm"]["email"].value; //表单字段值的获取
var atpos=x.indexOf("@"); // 用indexof() 方法检索 首出现
var dotpos=x.lastIndexOf("."); // 用lastIndexOf() 方法检索 最后出现
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){ //判断,如果 @符合没有或者<1, 符合.的检索也不符合, 长度检索不符合
alert("不是一个有效的 e-mail 地址");
return false;
}
}

<form name="myForm" action="demo-form" onsubmit="return validateForm();" method="post">   // 返回 函数
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>
标签: Javascript

Thinkphp 发布于 2021-11-17 14:29

JS判断提交表单不能为空的等的验证

function beforeSubmit(form){
if(form.username.value==''){
alert('用户名不能为空!');
form.username.focus();
return false;
}
if(form.password.value==''){
alert('密码不能为空!');
form.password.focus();
return false;
}
if(form.password.value.length<6){
alert('密码至少为6位,请重新输入!');
form.password.focus();
return false;
}
if(form.password.value!=form.password2.value) {
alert('你两次输入的密码不一致,请重新输入!');
form.password2.focus();
return false;
}
return true;
}

----------------------------------------------------------------------
<fieldset>
   <legend>用户注册</legend>
    <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);">
     <table border="1" width="100%" cellspacing="0" cellpadding="0">
      <tr><td><label>用户名:<input type="text" name="username" value=""></label></td></tr>
      <tr><td><label>密   码:<input type="password" name="password" value=""></label></td></tr>
      <tr><td><label>重复密码:<input type="password" name="password2" value=""></label></td></tr>
      <tr><td><input value="注册" type="submit"> <input type="reset" value="重置"></td></tr>      
     </table>
    </form>
</fieldset>
标签: Javascript

Thinkphp 发布于 2021-11-17 14:28

jQuery+CSS鼠标放图片上滑动显示文字特效

<script type="text/javascript">
$(document).ready(function(){
 $(".imgtext").hide();
 $(".imgbox").hover(function(){
  $(".imgtext",this).slideToggle(500);
 });
});
</script>

================================

<ul>
    <li>
        <div class="imgbox"><a href="#" target="_blank"><img src="images/111.jpg"></a>
            <div class="text">
                <div class="imgtext"> 2012新品男T恤韩版短袖男士夏装男装翻领t恤POLO衫 货到付款 T93 </div>
            </div>
        </div>
    </li>
    <li>
        <div class="imgbox"><a href="#" target="_blank"><img src="images/222.jpg"></a>
            <div class="text">
                <div class="imgtext"> 风景图片效果,水光山色 </div>
            </div>
        </div>
    </li>
</ul>
标签: Javascript

Thinkphp 发布于 2021-11-17 14:27

wow.js的使用

一、(页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。)

  刚知道wow.js这个插件,之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇,现在自己依葫芦画瓢也能弄出来这种效果了。

  虽然效果出来了,但是网上并没有整理好的各种特效对应的类名,所以写一篇通俗易懂(最起码自己能看懂)的文章供大家参考学习。(^_^)

二、首先说明一下怎么使用这个插件:

  1、wow.js依赖于animate.css,首先在头部引用animate.css或者animate.min.css。

<link rel="stylesheet" type="text/css" href="css/animate.min.css">

2、在最底部引用wow.js或者wow.min.js,然后再下面再写一行javascript代码。(无需引用jQuery)

<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript">
    new WOW().init();
</script>

注意new WOW().init();中的WOW要大写,否则就没效果了。

  3、在css下方js上方写需要动画的元素(必须设置为块状或者行内块状!必须设置为块状或者行内块状!必须设置为块状或者行内块状!),并添加class类名。

  类名前面的wow是每一个带动画的元素都要加的,slideInLeft就是说明动画样式。后面的data-wow-duration(动画持续时间)、data-wow-delay(动画延迟时间)、data-wow-offset(元素的位置露出后距离底部多少像素执行)和data-wow-iteration(动画执行次数)这四个属性可选可不选。

上面是对浏览器的简单判断;
  4、为了写文章专门测试了一下data-wow-offset和data-wow-iteration这两个属性,其中data-wow-offset="数值"中的数值是动画完成后元素距离显示器底部的位置,而不是距离浏览器窗口底部的位置。

三、步入正题,下面依次测试各种class类名的动画效果。(力求通俗易懂)

wow rollIn 从左到右、顺时针滚动、透明度从100%变化至设定值

wow bounceIn 从原位置出现,由小变大超出设定值,再变小小于设定值,再回归设定值、透明度从100%变化至设定值
wow bounceInUp 从下往上、窜上来以后会向上超出一部分然后弹回去、透明度为设定值不变
wow bounceInDown 从上往下、掉下来以后会向下超出一部分然后弹跳一下、透明度为设定值不变
wow bounceInLeft 从左往右、移过来以后会向右超出一部分然后往左弹一下、透明度为设定值不变
wow bounceInRight 从右往左、移过来以后会向左超出一部分然后往右弹一下、透明度为设定值不变

wow slideInUp 从下往上、上来后固定到设定位置、透明度为设定值不变(up是从下往上)(如果元素在最下面,会撑开盒子高度)
wow slideInDown 从上往下、上来后固定到设定位置、透明度为设定值不变
wow slideInLeft 从左往右、上来后固定到设定位置、透明度为设定值不变(left却是从左往右)
wow slideInRight 从右往左、上来后固定到设定位置、透明度为设定值不变

wow lightSpeedIn 从右往左、头部先向右倾斜,又向左倾斜,最后变为原来的形状、透明度从100%变化至设定值
wow pulse 原位置放大一点点在缩小至原本大小、透明度为设定值不变(配合动画执行次数属性效果更佳)
wow flipInX 原位置后仰前栽、透明度从100%变化至设定值
wow flipInY 原位置左右旋动、透明度从100%变化至设定值
wow bounce 上下抖动、透明度为设定值不变(配合动画执行次数和动画持续时间属性可以实现剧烈抖动亦或是慢慢抖)
wow shake 左右抖动、透明度为设定值不变(配合动画执行次数和动画持续时间属性可以实现剧烈抖动亦或是慢慢抖)
wow swing 从右往左、头部先向右倾斜,又向左倾斜,最后变为原来的形状、透明度为设定值不变
wow bounceInU 原位置不变、直接从不显示到显示(无过过渡效果)
wow wobble 原位置不变、类似于一个人站在那左右晃头、透明度为设定值不变

标签: CSS

Thinkphp 发布于 2021-11-17 14:24

短信验证倒计时

<style type="text/css">

.btn { 
    border: 0;
    width:120px;
    height:40px;  
    line-height: 40px; 
    float:left;
    color: white;
    background-color: #08c;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
}
</style>
</head>
<body>
<input type="button" class="btn" id="code" value="获取验证码" onclick="codeButton()">
</body>
<script type="text/javascript">
function codeButton(){
    var code = $("#code");
    code.attr("disabled","disabled");
    setTimeout(function(){
     code.css("opacity","0.8");
    },1000)
    var time = 60;
    var set=setInterval(function(){
    code.val("("+--time+")秒后重新获取");
    }, 1000);
    setTimeout(function(){
    code.attr("disabled",false).val("重新获取验证码");
    clearInterval(set);
    }, 60000);
}
</script>
标签: Javascript

Thinkphp 发布于 2021-11-17 14:23