本例适合多图片自动选择后上传,无提交按钮,并记录到数据库
数据库的结构
CREATE TABLE `user_uploads` (
`upload_id` int(11) NOT NULL auto_increment,
`image_name` text collate utf8_unicode_ci,
`user_id_fk` int(11) default NULL,
`created` int(11) default NULL,
PRIMARY KEY (`upload_id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ;
JavaScript Code
- <script>
- $(document).ready(function() {
- $('#photoimg').die('click').live('change', function() {
- //$("#preview").html('');
- $("#imageform").ajaxForm({target: '#preview',
- beforeSubmit:function(){
- console.log('ttest');
- $("#imageloadstatus").show();
- $("#imageloadbutton").hide();
- },
- success:function(){
- console.log('test');
- $("#imageloadstatus").hide();
- $("#imageloadbutton").show();
- },
- error:function(){
- console.log('xtest');
- $("#imageloadstatus").hide();
- $("#imageloadbutton").show();
- } }).submit();
- });
- });
- </script>
XML/HTML Code
- <div id='preview'>
- </div>
- <form id="imageform" method="post" enctype="multipart/form-data" action='ajaxImageUpload.php' style="clear:both">
- <h1>请选择图片上传,多图片可以上传</h1>
- <div id='imageloadstatus' style='display:none'><img src="loader.gif" alt="Uploading...."/></div>
- <div id='imageloadbutton'>
- <input type="file" name="photos[]" id="photoimg" multiple="true" />
- </div>
- </form>
- </div>
ajaxImageUpload.php
PHP Code
- <?php
- error_reporting(0);
- session_start();
- include('conn.php');
- $session_id='1'; //$session id
- define ("MAX_SIZE","9000");
- function getExtension($str)
- {
- $i = strrpos($str,".");
- if (!$i) { return ""; }
- $l = strlen($str) - $i;
- $ext = substr($str,$i+1,$l);
- return $ext;
- }
- $valid_formats = array("jpg", "png", "gif", "bmp","jpeg");
- if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST")
- {
- $uploaddir = "../upload/"; //a directory inside
- foreach ($_FILES['photos']['name'] as $name => $value)
- {
- $filename = stripslashes($_FILES['photos']['name'][$name]);
- $size=filesize($_FILES['photos']['tmp_name'][$name]);
- //get the extension of the file in a lower case format
- $ext = getExtension($filename);
- $ext = strtolower($ext);
- if(in_array($ext,$valid_formats))
- {
- if ($size < (MAX_SIZE*1024))
- {
- $image_name=time().$filename;
- echo "<img src='".$uploaddir.$image_name."' class='imgList'>";
- $newname=$uploaddir.$image_name;
- if (move_uploaded_file($_FILES['photos']['tmp_name'][$name], $newname))
- {
- $time=time();
- mysql_query("INSERT INTO user_uploads(image_name,user_id_fk,created) VALUES('$image_name','$session_id','$time')");
- }
- else
- {
- echo '<span class="imgList">You have exceeded the size limit! so moving unsuccessful! </span>';
- }
- }
- else
- {
- echo '<span class="imgList">You have exceeded the size limit!</span>';
- }
- }
- else
- {
- echo '<span class="imgList">Unknown extension!</span>';
- }
- }
- }
- ?>
相关推荐
JqueryAjax 无刷新分页 带数据库 直接可运行 pageTest.asp js封装 简化代码
jQuery ajax 局部刷新分页。mysql数据库
ajax实现无刷新对数据库的操作 ========================================= 功能:ajax实现无刷新对数据库的操作 有添加、删除、修改、分页 使用的是jquery框架 作者:wangsdong 来源:www.aspprogram.cn 文章为作者...
Ajax无刷新分页(jQuery+Json) 做了一个用jQuery来实现的用户控件,VS2008+Access 只用来玩玩.所以就用Access数据库了 jQuery+ashx+JSON 用ashx来接收请求,数据格式为JSON 实现了批量(选择)操作,编辑接口(反回...
添加和删除记录是Asp.net处理数据常用的功能。用Asp.net服务器控件,都要刷新页面。...而结合Jquery+Ajax却节省了我们处理数据的等待时间。本实例是是很不错的实现Asp.net对数据库添加/删除数据,很不错的例子。
通过Jquery的Ajax实现无刷新读写操作,例子很简单,包含对三种常见的控件的操作(文本框、下拉框、勾选框),架构也可以参考,对初学者还是有用的。
Ajax无刷新分页示例源码 程序介绍: 程序使用jquery方法提交请求,处理后将数据库绑定到页面中。 Ajax无刷新分页示例源码 程序介绍: 程序使用jquery方法提交请求,处理后将数据库绑定到页面中。 Ajax无...
JQuery+asp+access,其他数据库自己参考~ 实现无刷新 更新/插入/删除数据. 让你感悟AJAX的快乐
无刷新上传图片并且裁剪然后保存到数据库,运用Jcrop+ajaxfileupload+thinkphp +jquery技术
ASP和Ajax结合,实现无刷新操作数据库,里面是代码的具体实现。
主要介绍了php+jQuery ajax实现的实时刷新显示数据功能,结合实例形式分析了php结合jQuery ajax实时刷新读取显示数据库数据相关操作技巧,需要的朋友可以参考下
ASP+ajax+jQuery--顶-踩-无刷新 点赞 程式 带数据库 可直接运行 实测
ASP+ajax+jQuery--顶-踩-无刷新【点赞】程式3.0 修正调试版
工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。
功能:ajax实现无刷新对数据库的操作 有添加、删除、修改、分页 直接运行index.asp文件,右上角“添加计划”是向数据库中添加内容,修改和删除直接点击即可删除数据库的的记录
mvc jquery Ajax,用户登录,无刷新分页。数据库为sql 2005备份文件,在sql 2005_bak文件夹下。各位前辈看了,对不合理的请指教。
自己弄了一个jQuery Ajax 实例演示,放上来和大家一块分享,希望能为大家有所帮助
很好的一款jquery分层无刷新分页、各字段排序(northwind数据库)代码完整。供大家学习
jQuery带动画效果ajax进度条无刷新投票特效,横向柱状图逐渐增长的投票特效,每投票一次,进度条就增长一定长度,页面在不刷新...友情提示:本效果只是演示无刷新投票,并没有用到数据库,所以并不能是真正的投票程序。
本篇文章通过两种方法实例讲解ajax定时刷新局部页面,当然方法有很多种,也可以不使用ajax来刷新页面,可以使用jquery中的append来给指定内容加东西,但是都不太实用,最实用的方法还是ajax加载数据了。 方法一: ...