您的位置：首页 > 编程技术 > php  >  AJAX PHP无刷新上传图片实例代码

AJAX PHP无刷新上传图片实例代码

 更新时间：2016年11月25日 15:45  点击：1225
以前我们都会去做ajax+php实现文件上传，这样可以在用户不刷新页面是动态上传图片，提高了用户体验，那时用得最多的就是使用iframe来操作了，下面我介绍一下真正的ajax php图片上传实例。


之前一直在研究ajax+php的表单无刷新验证，主要是用在注册提交表单上面的，ajax技术的使用使访客对于网页的友好度大大增加，作为提升页面友好的最主要技术，ajax是必不可少的。

当然，ajax不仅仅只有表单的无刷新验证，还可以更好地应用到页面的其它地方，凡是无刷新的地方基本上都有ajax技术的身影，今天讨论的是ajax+php无刷新上传图片。

 

无刷新上传图片的技术常常应用在上传附件或图片上传，比如常见的QQ邮箱上传附件，163邮箱上传附件，QQ空间上传图片等，这类都是应用了ajax无刷新的技术，可以让我们在当前页看到上传的附件，而在一般的小站点后台，上传产品时，往往看不到上传的产品图片的情况，这样往往起不到很好的效果。

下面是一款ajax+php的无刷新上传图片的源码，这仅仅是一个实例，而修改这个实例便可以很好地应用在网页当中，为你的页面增加一款无刷新的图片上传效果吧，这样的效果很多，可以到网上去查找。

file.php文件

 代码如下 复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<?
$sort=12;
$f_type=strtolower("swf,jpg,rar,zip,7z,iso,gif");//设置可上传的文件类型
$file_size_max=200*1024*1024;//限制单个文件上传最大容量
$overwrite = 0;//是否允许覆盖相同文件,1:允许,0:不允许
$f_input="Files";//设置上传域名称
    foreach($_FILES[$f_input]["error"] as $key => $error){
        $up_error="no";
        if ($error == UPLOAD_ERR_OK){
            $f_name=$_FILES[$f_input]['name'][$key];//获取上传源文件名
   
            $uploadfile=$uploaddir.strtolower(basename($f_name));
            
            $tmp_type=substr(strrchr($f_name,"."),1);//获取文件扩展名
   $tmp_type=strtolower($tmp_type);
            if(!stristr($f_type,$tmp_type)){
                echo "<script>alert('对不起,不能上传".$tmp_type."格式文件, ".$f_name." 文件上传失败!')</script>";
                $up_error="yes";
            }
            
            if ($_FILES[$f_input]['size'][$key]>$file_size_max) {
   
                echo "<script>alert('对不起,你上传的文件 ".$f_name." 容量为".round($_FILES[$f_input]
['size'][$key]/1024)."Kb,大于规定的".($file_size_max/1024)."Kb,上传失败!')</script>";
                $up_error="yes";
            }
            
            if (file_exists($uploadfile)&&!$overwrite){
                echo "<script>alert('对不起,文件 ".$f_name." 已经存在,上传失败!')</script>";
                $up_error="yes";
            }
             $string = 'abcdefghijklmnopgrstuvwxyz0123456789';
$rand = '';
for ($x=0;$x<12;$x++)
  $rand .= substr($string,mt_rand(0,strlen($string)-1),1);
$t=date("ymdHis").substr($gettime[0],2,6).$rand;
$attdir="./file/"; 
    if(!is_dir($attdir))  
    {  mkdir($attdir);}
            $uploadfile=$attdir.$t.".".$tmp_type;
            if(($up_error!="yes") and (move_uploaded_file($_FILES[$f_input]['tmp_name']

[$key], $uploadfile))){

                
    $_msg=$_msg.$f_name.'上传成功n';
    
    
            }
   else{
   $_msg=$_msg.$f_name.'上传失败n';
   }
        }
 
    }
echo "<script>window.parent.Finish('".$_msg."');</script>"; 
?>
</body>
</html>

fileupload.htm页面

 代码如下 复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无刷新文件上传系统</title>
</head>
<body>
<style>
.fu_list {
 width:600px;
 background:#ebebeb;
 font-size:12px;
}
.fu_list td {
 padding:5px;
 line-height:20px;
 background-color:#fff;
}
.fu_list table {
 width:100%;
 border:1px solid #ebebeb;
}
.fu_list thead td {
 background-color:#f4f4f4;
}
.fu_list b {
 font-size:14px;
}
/*file容器样式*/
a.files {
 width:90px;
 height:30px;
 overflow:hidden;
 display:block;
 border:1px solid #BEBEBE;
 background:url(img/fu_btn.gif) left top no-repeat;
 text-decoration:none;
}
a.files:hover {
 background-color:#FFFFEE;
 background-position:0 -30px;
}
/*file设为透明，并覆盖整个触发面*/
a.files input {
 margin-left:-350px;
 font-size:30px;
 cursor:pointer;
 filter:alpha(opacity=0);
 opacity:0;
}
/*取消点击时的虚线框*/
a.files, a.files input {
 outline:none;/*ff*/
 hide-focus:expression(this.hideFocus=true);/*ie*/
}
</style>
<form id="uploadForm" action="File.php">
  <table border="0" cellspacing="1" class="fu_list">
    <thead>
      <tr>
        <td colspan="2"><b>上传文件</b></td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td align="right" width="15%" style="line-height:35px;">添加文件：</td>
        <td><a href="javascript:void(0);" class="files" id="idFile"></a> <img id="idProcess" style="display:none;" src="img/loading.gif" /></td>
      </tr>
      <tr>
        <td colspan="2"><table border="0" cellspacing="0">
            <thead>
              <tr>
                <td>文件路径</td>
                <td width="100"></td>
              </tr>
            </thead>
            <tbody id="idFileList">
            </tbody>
          </table></td>
      </tr>
      <tr>
        <td colspan="2" style="color:gray">温馨提示：最多可同时上传 <b id="idLimit"></b> 个文件，只允许上传 <b id="idExt"></b> 文件。 </td>
      </tr>
      <tr>
        <td colspan="2" align="center" id="idMsg"><input type="button" value="开始上传" id="idBtnupload" disabled="disabled" />
          &nbsp;&nbsp;&nbsp;
          <input type="button" value="全部取消" id="idBtndel" disabled="disabled" />
        </td>
      </tr>
    </tbody>
  </table>
</form>
<script type="text/javascript">

var isIE = (document.all) ? true : false;

var $ = function (id) {
    return "string" == typeof id ? document.getElementById(id) : id;
};

var Class = {
  create: function() {
    return function() {
      this.initialize.apply(this, arguments);
    }
  }
}

var Extend = function(destination, source) {
 for (var property in source) {
  destination[property] = source[property];
 }
}

var Bind = function(object, fun) {
 return function() {
  return fun.apply(object, arguments);
 }
}

var Each = function(list, fun){
 for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
};

//文件上传类
var FileUpload = Class.create();
FileUpload.prototype = {
  //表单对象，文件控件存放空间
  initialize: function(form, folder, options) {
 
 this.Form = $(form);//表单
 this.Folder = $(folder);//文件控件存放空间
 this.Files = [];//文件集合
 
 this.SetOptions(options);
 
 this.FileName = this.options.FileName;
 this._FrameName = this.options.FrameName;
 this.Limit = this.options.Limit;
 this.Distinct = !!this.options.Distinct;
 this.ExtIn = this.options.ExtIn;
 this.ExtOut = this.options.ExtOut;
 
 this.onIniFile = this.options.onIniFile;
 this.onEmpty = this.options.onEmpty;
 this.onNotExtIn = this.options.onNotExtIn;
 this.onExtOut = this.options.onExtOut;
 this.onLimite = this.options.onLimite;
 this.onSame = this.options.onSame;
 this.onFail = this.options.onFail;
 this.onIni = this.options.onIni;
 
 if(!this._FrameName){
  //为每个实例创建不同的iframe
  this._FrameName = "uploadFrame_" + Math.floor(Math.random() * 1000);
  //ie不能修改iframe的name
  var oFrame = isIE ? document.createElement("<iframe name="" + this._FrameName + "">") : document.createElement("iframe");
  //为ff设置name
  oFrame.name = this._FrameName;
  oFrame.style.display = "none";
  //在ie文档未加载完用appendChild会报错
  document.body.insertBefore(oFrame, document.body.childNodes[0]);
 }
 
 //设置form属性，关键是target要指向iframe
 this.Form.target = this._FrameName;
 this.Form.method = "post";
 //注意ie的form没有enctype属性，要用encoding
 this.Form.encoding = "multipart/form-data";

 //整理一次
 this.Ini();
  },
  //设置默认属性
  SetOptions: function(options) {
    this.options = {//默认值
  FileName: "Files[]",//文件上传控件的name，配合后台使用
  FrameName: "",//iframe的name，要自定义iframe的话这里设置name
  onIniFile: function(){},//整理文件时执行(其中参数是file对象)
  onEmpty: function(){},//文件空值时执行
  Limit:  10,//文件数限制，0为不限制
  onLimite: function(){},//超过文件数限制时执行
  Distinct: true,//是否不允许相同文件
  onSame:  function(){},//有相同文件时执行
  ExtIn:  ["gif","jpg","rar","zip","iso","swf","exe"],//允许后缀名
  onNotExtIn: function(){},//不是允许后缀名时执行
  ExtOut:  [],//禁止后缀名，当设置了ExtIn则ExtOut无效
  onExtOut: function(){},//是禁止后缀名时执行
  onFail:  function(){},//文件不通过检测时执行(其中参数是file对象)
  onIni:  function(){}//重置时执行
    };
    Extend(this.options, options || {});
  },
  //整理空间
  Ini: function() {
 //整理文件集合
 this.Files = [];
 //整理文件空间，把有值的file放入文件集合
 Each(this.Folder.getElementsByTagName("input"), Bind(this, function(o){
  if(o.type == "file"){ o.value && this.Files.push(o); this.onIniFile(o); }
 }))
 //插入一个新的file
 var file = document.createElement("input");
 file.name = this.FileName; file.type = "file"; file.onchange = Bind(this, function(){ this.Check(file); this.Ini(); });
 this.Folder.appendChild(file);
 //执行附加程序
 this.onIni();
  },
  //检测file对象
  Check: function(file) {
 //检测变量
 var bCheck = true;
 //空值、文件数限制、后缀名、相同文件检测
 if(!file.value){
  bCheck = false; this.onEmpty();
 } else if(this.Limit && this.Files.length >= this.Limit){
  bCheck = false; this.onLimite();
 } else if(!!this.ExtIn.length && !RegExp(".(" + this.ExtIn.join("|") + ")$", "i").test(file.value)){
  //检测是否允许后缀名
  bCheck = false; this.onNotExtIn();
 } else if(!!this.ExtOut.length && RegExp(".(" + this.ExtOut.join("|") + ")$", "i").test(file.value)) {
  //检测是否禁止后缀名
  bCheck = false; this.onExtOut();
 } else if(!!this.Distinct) {
  Each(this.Files, function(o){ if(o.value == file.value){ bCheck = false; } })
  if(!bCheck){ this.onSame(); }
 }
 //没有通过检测
 !bCheck && this.onFail(file);
  },
  //删除指定file
  Delete: function(file) {
 //移除指定file
 this.Folder.removeChild(file); this.Ini();
  },
  //删除全部file
  Clear: function() {
 //清空文件空间
 Each(this.Files, Bind(this, function(o){ this.Folder.removeChild(o); })); this.Ini();
  }
}

var fu = new FileUpload("uploadForm", "idFile", { ExtIn: ["gif","jpg"],
 onIniFile: function(file){ file.value ? file.style.display = "none" : this.Folder.removeChild(file); },
 onEmpty: function(){ alert("请选择一个文件"); },
 onLimite: function(){ alert("超过上传限制"); },
 onSame: function(){ alert("已经有相同文件"); },
 onNotExtIn: function(){ alert("只允许上传" + this.ExtIn.join("，") + "文件"); },
 onFail: function(file){ this.Folder.removeChild(file); },
 onIni: function(){
  //显示文件列表
  var arrRows = [];
  if(this.Files.length){
   var oThis = this;
   Each(this.Files, function(o){
    var a = document.createElement("a"); a.innerHTML = "取消"; a.href = "javascript:void(0);";
    a.onclick = function(){ oThis.Delete(o); return false; };
    arrRows.push([o.value, a]);
   });
  } else { arrRows.push(["<font color='gray'>没有添加文件</font>", "&nbsp;"]); }
  AddList(arrRows);
  //设置按钮
  $("idBtnupload").disabled = $("idBtndel").disabled = this.Files.length <= 0;
 }
});

$("idBtnupload").onclick = function(){
 //显示文件列表
 var arrRows = [];
 Each(fu.Files, function(o){ arrRows.push([o.value, "&nbsp;"]); });
 AddList(arrRows);
 
 fu.Folder.style.display = "none";
 $("idProcess").style.display = "";
 $("idMsg").innerHTML = "正在添加文件到您的网盘中，请稍候……<br />有可能因为网络问题，出现程序长时间无响应，请点击“<a href='?'><font color='red'>取消</font></a>”重新上传文件";
 
 fu.Form.submit();
}

//用来添加文件列表的函数
function AddList(rows){
 //根据数组来添加列表
 var FileList = $("idFileList"), oFragment = document.createDocumentFragment();
 //用文档碎片保存列表
 Each(rows, function(cells){
  var row = document.createElement("tr");
  Each(cells, function(o){
   var cell = document.createElement("td");
   if(typeof o == "string"){ cell.innerHTML = o; }else{ cell.appendChild(o); }
   row.appendChild(cell);
  });
  oFragment.appendChild(row);
 })
 //ie的table不支持innerHTML所以这样清空table
 while(FileList.hasChildNodes()){ FileList.removeChild(FileList.firstChild); }
 FileList.appendChild(oFragment);
}


$("idLimit").innerHTML = fu.Limit;

$("idExt").innerHTML = fu.ExtIn.join("，");

$("idBtndel").onclick = function(){ fu.Clear(); }

//在后台通过window.parent来访问主页面的函数
function Finish(msg){ alert(msg); location.href = location.href; }

</script>
</body>
</html>
301重定向有很多办法可以实现，如iis可以，apache,php,asp等等都可以快速的设置页面301重定向跳转了，下面我来给各位同学介绍介绍

本文将通过IIS、APACHE、ASP、PHP几种服务器端或页面程序端分别讲解如何设置301重定向，先还是简单介绍下重定向。
301重定向：指的是一种非常重要的“自动转向”技术--其实谈不上技术，即网址重定向--用户访问一个地址或目录，可以指定跳转到另一个地址。
301重定向，这是所有重定向方法中唯一符合seo/seo.html" target="_blank">搜索引擎规则的重定向，这也是SEO中的一个基础名词，比方：一个站用www.111cn.net、111cn.net绑定，就会存在2个权重，如果将111cn.net重定向到www.111cn.net，就会权重集中，相应增加权重值。

1、IIS服务器上设置301重定向
准备工作：你要有服务器设置权限，可以随意开通新的虚拟空间！
第一，新建一个虚拟空间，将你需要进行重定向的域名与之解析绑定；
第二，我的电脑-->打开“控制面板”-->“管理工具”-->打开“Internet 信息服务”，左侧会有树形菜单，找到你的网站--右键“属性”--选择“主目录”选项卡，再选择“重定向到URL”，然后在地址框栏输入需要定向的目标域名，最后将选项卡中的“资源的永久重定向”选择上，点击“确定”完成操作。属性界面设置，如下图所示：



2、Unix/linux主机上apache设置301重定向

新建.htaccess文件，输入下列内容（需要开启mod_rewrite）：  
1）将不带WWW的域名转向到带WWW的域名下
 代码如下 复制代码
Options +FollowSymLinks
RewriteEngine on 
RewriteCond %{HTTP_HOST} ^111cn.net [NC]
RewriteRule ^(.*)$www.111cn.net/301/[L,R=301]  

2）重定向到新域名
 代码如下 复制代码
Options +FollowSymLinks
RewriteEngine on 
RewriteRule ^(.*)$www.111cn.net/301/ [L,R=301]

3）使用正则进行301转向，实现伪静态
 代码如下 复制代码
Options +FollowSymLinks
RewriteEngine on 
RewriteRule ^article-(.+).html$ article.php?id=$1 
将article.php?id=123这样的地址转向到article-123.html

3、ASP程序页面中设置301重定向代码
在公共头部文件或全局调用文件里，加上如下代码：
 代码如下 复制代码

<%@ Language=VBScript %>

<%
if request.ServerVariables("SERVER_NAME")!="www.111cn.net" then
Response.Status="301 Moved Permanently"
Response.AddHeader "Location", "http://www.111cn.net"
Response.End 
end if
%>

原理：判断请求的server_name，是否与主目标网址一样，不一样则重定向

4、PHP程序页面中设置301重定向
代码如下：（比较完美的写法）

 代码如下 复制代码
$host= 'www.111cn.net'; //你目标定向的网址 
if ($_SERVER['HTTP_HOST'] != $host)//若不是则进行重定向，后面页面参数不变
{ header("HTTP/1.1 301 Moved Permanently"); header("Location: http://{$host}{$_SERVER[REQUEST_URI]}");
}
unset($host);
原理：首先定义目标定向网址，然后判断当前请求访问的host是否一致，若为否，则进行重定向
在php中获取数组键名最简单的办法就是直接利用foreach遍历就可以直接输入key,value值了，下面我来给大家演示几个实例吧。

我php foreach()函数可以遍历数组,取出数组的键值,怎么取键名$key?或只取第一个键名?比如下面的例子

 代码如下 复制代码

$keyarray = array(
'12020011' => '2b70e63ffdf',
'12020017' => '20767a021'
);

第一种方法,我可以用foreach 取出第一个键名.如下

 代码如下 复制代码

foreach($keyarray as $key => $value){
    $a[]=$key;
}
print_r ($a[0]);exit;

也可以用 print_r ($a);取出所有键名第二种方法是用array_keys()函数.

 代码如下 复制代码

$arrKeys = array_keys($keyarray);
print_r ($arrKeys[0]);exit;

上面有方法可以达到相同的效果.

我们经常会在提交表单时发现数据库中有一些看不到的回车换行了，这样如果js调用就会出问题，下面我来介绍在php过滤回车换行方法。

在unix世界换行就用/n来代替，但是windows为了体现他的不同，就用/r/n，更有意思的是在mac中用/r。因此unix系列用 /n，windows系列用 /r/n，mac用 /r，这样就用你写的程序在不同的平台上运行有着不少的麻烦。下面是PHP去除换行符的一些常见方法。

第一种写法：

 代码如下 复制代码


$content=str_replace("n","",$content);  

echo $content;

第二种写法：

 代码如下 复制代码


str_replace("rn","",$str);

第三种写法：

 代码如下 复制代码


$content=preg_replace("/s/","",$content);  

echo $content;

关于n,r,t
n 软回车： 在Windows 中表示换行且回到下一行的最开始位置 ，在Linux、unix 中只表示换行，但不会回到下一行的开始位置。

r 软空格： 在Linux、unix 中表示返回到当行的最开始位置。 在Mac OS 中表示换行且返回到下一行的最开始位置，相当于Windows 里的 n 的效果。

t 跳格（移至下一列）

在网站看到很多方法.结果都不不能用.一般是n这个符号换不掉,如果n符号清空了,还是会换行,一般是源码代码中有br标签,可以直接替换掉.

 代码如下 复制代码

function DeleteHtml($str)
{
$str = str_replace("<br/>","",$str);
$str = str_replace("\t","",$str);
$str = str_replace("\r\n","",$str);
$str = str_replace("\r","",$str);
$str = str_replace("\n","",$str);
return trim($str);

}

注意,n前面的转义符号.

过滤html与换行实例

 代码如下 复制代码

<?php
// $document 应包含一个 HTML 文档。
 
$search = array ("'<script[^>]*?>.*?</script>'si", // 去掉 javascript
"'<[/!]*?[^<>]*?>'si", // 去掉 HTML 标记
"'([rn])[s]+'", // 去掉空白字符
"'&(quot|#34);'i", // 替换 HTML 实体
"'&(amp|#38);'i",
"'&(lt|#60);'i",
"'&(gt|#62);'i",
"'&(nbsp|#160);'i",
"'&(iexcl|#161);'i",
"'&(cent|#162);'i",
"'&(pound|#163);'i",
"'&(copy|#169);'i",
"'&#(d+);'e"); // 作为 PHP 代码运行
$replace = array ("","","\1",""","&","<",">"," ",chr(161),chr(162),chr(163),chr(169),"chr(\1)");
$text = preg_replace($search,$replace,$document);
?>
本文章来给各位同学介绍关于一个PHP SoapServer实例代码，希望此实例能给各位同学带来一点帮助哦。

PHP SoapServer实例代码
server端代码:

 代码如下 复制代码

<?php
 
if (!isset($_SERVER['PHP_AUTH_USER']) || !isset($_SERVER['PHP_AUTH_PW']) ||
        !($_SERVER['PHP_AUTH_USER'] == 'outsider' && $_SERVER['PHP_AUTH_PW'] == '123456')) {
    header('WWW-Authenticate: Basic realm="WEBSERVICE"');
    header("HTTP/1.0 401 Unauthorized");
    echo "You must enter a valid login ID and password to access this resource/n";
    die;
}
 
class test {
 
    function show($one, $two) {
        return $one + $two;
    }
 
    function user_info() {
        $user_info = array(
            'name' => 'Outsider',
            'sex' => '男',
            'email' => 'outsider@outsiderla.me',
            'tel' => '1369*******',
        );
        return json_encode($user_info);
    }
 
}
$server = new SoapServer(null, array('uri' => 'server.php', 'location' => 'http://demo.test.com/server.php'));
$server->setClass('test');
//$server->addFunction('getUserInfo');  
$server->handle();
?>

第三方调用代码：

 代码如下 复制代码

<?php
$soap = new SoapClient(null, array('location' => 'http://demo.test.com/server.php', 'uri' => 'server.php', "login" => "outsider", "password" => "123456"));
$user_info = json_decode($soap->user_info());
echo $user_info->email;
?>
[!--infotagslink--]

相关文章

  • 使用PHP+JavaScript将HTML页面转换为图片的实例分享

    这篇文章主要介绍了使用PHP+JavaScript将HTML元素转换为图片的实例分享,文后结果的截图只能体现出替换的字体,也不能说将静态页面转为图片可以加快加载,只是这种做法比较interesting XD需要的朋友可以参考下...2016-04-19

  • php抓取网站图片并保存的实现方法

    php如何实现抓取网页图片，相较于手动的粘贴复制，使用小程序要方便快捷多了，喜欢编程的人总会喜欢制作一些简单有用的小软件，最近就参考了网上一个php抓取图片代码，封装了一个php远程抓取图片的类，测试了一下，效果还不错分享...2015-10-30

  • C#从数据库读取图片并保存的两种方法

    这篇文章主要介绍了C#从数据库读取图片并保存的方法，帮助大家更好的理解和使用c#，感兴趣的朋友可以了解下...2021-01-16

  • Photoshop古装美女图片转为工笔画效果制作教程

    今天小编在这里就来给各位Photoshop的这一款软件的使用者们来说说把古装美女图片转为细腻的工笔画效果的制作教程，各位想知道方法的使用者们，那么下面就快来跟着小编一...2016-09-14

  • Python 图片转数组,二进制互转操作

    这篇文章主要介绍了Python 图片转数组,二进制互转操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-09

  • 利用JS实现点击按钮后图片自动切换的简单方法

    下面小编就为大家带来一篇利用JS实现点击按钮后图片自动切换的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-10-25

  • jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮

    jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮...2013-10-13

  • js实现上传图片及时预览

    这篇文章主要为大家详细介绍了js实现上传图片及时预览的相关资料，具有一定的参考价值，感兴趣的朋友可以参考一下...2016-05-09

  • php无刷新利用iframe实现页面无刷新上传文件(1/2)

    利用form表单的target属性和iframe 一、上传文件的一个php教程方法。 该方法接受一个$file参数，该参数为从客户端获取的$_files变量，返回重新命名后的文件名，如果上传失...2016-11-25

  • Photoshop枪战电影海报图片制作教程

    Photoshop的这一款软件小编相信很多的人都已经是使用过了吧，那么今天小编在这里就给大家带来了用Photoshop软件制作枪战电影海报的教程，想知道制作步骤的玩家们，那么下面...2016-09-14

  • jQuery+PHP发布的内容进行无刷新分页（Fckeditor）

    这篇文章将使用jQuery，并结合PHP，将Fckeditor发布的内容进行分页，并且实现无刷新切换页面。 本文假设你是WEB开发人员，掌握了jQuery和PHP相关知识，并且熟知Fckeditor的配置和使用。...2015-10-23

  • python opencv通过4坐标剪裁图片

    图片剪裁是常用的方法，那么如何通过4坐标剪裁图片，本文就详细的来介绍一下，感兴趣的小伙伴们可以参考一下...2021-06-04

  • 使用PHP下载CSS文件中的图片的代码

    共享一段使用PHP下载CSS文件中的图片的代码 复制代码 代码如下: <?php //note 设置PHP超时时间 set_time_limit(0); //note 取得样式文件内容 $styleFileContent = file_get_contents('images/style.css'); //not...2013-10-04

  • 微信小程序如何获取图片宽度与高度

    这篇文章主要给大家介绍了关于微信小程序如何获取图片宽度与高度的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-03-10

  • PHP swfupload图片上传的实例代码

    PHP代码如下：复制代码 代码如下:if (isset($_FILES["Filedata"]) || !is_uploaded_file($_FILES["Filedata"]["tmp_name"]) || $_FILES["Filedata"]["error"] != 0) { $upload_file = $_FILES['Filedata']; $fil...2013-10-04

  • ps怎么制作图片阴影效果

    ps软件是现在很多人比较喜欢的，有着非常不错的使用效果，这次文章就给大家介绍下ps怎么制作图片阴影效果，还不知道制作方法的赶紧来看看。 ps图片阴影效果怎么做方法/...2017-07-06

  • C#中图片旋转和翻转(RotateFlipType)用法分析

    这篇文章主要介绍了C#中图片旋转和翻转(RotateFlipType)用法,实例分析了C#图片旋转及翻转Image.RotateFlip方法属性的常用设置技巧,需要的朋友可以参考下...2020-06-25

  • OpenCV如何去除图片中的阴影的实现

    这篇文章主要介绍了OpenCV如何去除图片中的阴影的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-03-29

  • JavaScript 如何禁止用户保存图片

    这篇文章主要介绍了JavaScript 如何禁止用户保存图片，帮助大家完成需求，更好的理解和使用JavaScript，感兴趣的朋友可以了解下...2020-11-19

  • C#将图片和字节流互相转换并显示到页面上

    本文主要介绍用C#实现图片转换成字节流，字节流转换成图片，并根据图片路径返回图片的字节流，有需要的朋友可以参考下...2020-06-25