php结合数据库演示商品多图片上传

简介: 这是一个带有mysql数据存储多图片商品的上传实例,本demo中的多图片以json格式存储,当然你也可以用符合隔开,比如英文逗号。

这是一个带有mysql数据存储多图片商品的上传实例,本demo中的多图片以json格式存储,当然你也可以用符合隔开,比如英文逗号。下节课我们会分享图片旋转,放大缩小,以及生成缩略图

plupload多图片上传:

 
 
var uploader = new plupload.Uploader({ 
    runtimes: 'gears,html5,html4,silverlight,flash', 
    browse_button: 'logo_upload_btn', 
    url: "ajax.php", 
    flash_swf_url: 'plupload/Moxie.swf', 
    silverlight_xap_url: 'plupload/Moxie.xap', 
    filters: { 
        max_file_size: '25mb', 
        mime_types: [ 
            {title: "files", extensions: "jpg,png,gif,jpeg"} 
        ] 
    }, 
    multi_selection: true, 
    init: { 
        FilesAdded: function(up, files) { 
            $("#btn_submit").attr("disabled", "disabled").addClass("disabled").val("正在上传..."); 
            var item = ''; 
            plupload.each(files, function(file) { //遍历文件 
                item += "<div class='item' id='" + file['id'] + "'><div class='progress'><span class='bar'></span><span class='percent'>0%</span></div></div>"; 
            }); 
            $("#photos_area").append(item); 
            uploader.start(); 
        }, 
        UploadProgress: function(up, file) { //上传中,显示进度条  
            var percent = file.percent; 
            $("#" + file.id).find('.bar').css({"width": percent + "%"}); 
            $("#" + file.id).find(".percent").text(percent + "%"); 
        }, 
        FileUploaded: function(up, file, info) { 
            var data = eval("(" + info.response + ")"); 
            $("#" + file.id).html("<input type=hidden name='pics[]' value='" + data.src + "'><img src='" + data.src + "' alt='" + data.name + "' width='100px' height='100px'>\n\ 
            <div class='operate'><i class='toleft'>左移</i><i class='toright'>右移</i><i class='del'>删除</i></div>") 
 
            $("#btn_submit").removeAttr("disabled").removeClass("disabled").val("提 交"); 
            if (data.error != 0) { 
                alert(data.error); 
            } 
        }, 
        Error: function(up, err) { 
            if (err.code == -601) { 
                alert("请上传jpg,png,gif,jpeg,zip或rar!"); 
                $("#btn_submit").removeAttr("disabled").removeClass("disabled").val("提 交"); 
            } 
        } 
    } 
}); 
uploader.init();
左右切换和删除图片

$(".toleft").live("click", function() { 
    var item = $(this).parent().parent(".item"); 
    var item_left = item.prev(".item"); 
    if (item_left.length == 0) { 
        item.insertAfter($("#photos_area").children(".item:last")); 
    } else { 
        item.insertBefore(item_left); 
    } 
 
}) 
$(".toright").live("click", function() { 
    var item = $(this).parent().parent(".item"); 
    var item_right = item.next(".item"); 
    if (item_right.length == 0) { 
        item.insertBefore($("#photos_area").children(".item:first")); 
    } else { 
        item.insertAfter(item_right); 
    } 
}) 
$(".del").live("click", function() { 
    $(this).parent().parent(".item").remove(); 
})



演示地址:http://www.erdangjiade.com/js/891.html


 ╭═══┤                          ├═══╮
 ║      ║ http://www.erdangjiade.com ║      ║
 ║      └═════════════┘      ║
 ║       ┊┊ ┊┊ ┊┊ ┊┊        ║
 ║       ┊┊ ┊┊ ┊┊ ┊┊        ║
 ║       ┊ ┊ ┊ ┊        ║
 ║       ┆ ┆ ┆ ┆        ║
 ║       ┊┊ ┊┊ ┊┊ ┊┊        ║
 ║  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  ║
 ║         陪伴您轻松设计漂亮的网页         ║
 ║      ┌═════════════┐      ║
 ╰═══┤网站模板 网页特效 图标下载├═══╯
         └═════════════┘        
          更多原创模板,尽在 http://www.erdangjiade.com/templates  

          免费扒模板,请访问 http://www.erdangjiade.com/help/template

          网页特效下载:www.erdangjiade.com/js

          php:www.erdangjiade.com/php
     
         QQ群 368848856  


相关文章
|
4天前
|
关系型数据库 MySQL 网络安全
如何排查和解决PHP连接数据库MYSQL失败写锁的问题
通过本文的介绍,您可以系统地了解如何排查和解决PHP连接MySQL数据库失败及写锁问题。通过检查配置、确保服务启动、调整防火墙设置和用户权限,以及识别和解决长时间运行的事务和死锁问题,可以有效地保障应用的稳定运行。
50 25
|
4月前
|
存储 SQL 关系型数据库
PHP与数据库交互:从基础到进阶
【10月更文挑战第9天】在编程的世界里,数据是流动的血液,而数据库则是存储这些珍贵资源的心脏。PHP作为一门流行的服务器端脚本语言,其与数据库的交互能力至关重要。本文将带你从PHP与数据库的基本连接开始,逐步深入到复杂查询的编写和优化,以及如何使用PHP处理数据库结果。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供宝贵的知识和技巧,让你在PHP和数据库交互的道路上更加从容不迫。
|
5月前
|
NoSQL 关系型数据库 MySQL
不是 PHP 不行了,而是 MySQL 数据库扛不住啊
【9月更文挑战第8天】这段内容讨论了MySQL在某些场景下面临的挑战及其原因,并指出这些问题不能完全归咎于MySQL本身。高并发读写压力、数据量增长以及复杂查询和事务处理都可能导致性能瓶颈。然而,应用程序设计不合理、系统架构不佳以及其他数据库选择和优化策略不足也是重要因素。综合考虑这些方面才能有效解决性能问题,而MySQL通过不断改进和优化,仍然是许多应用场景中的可靠选择。
189 9
|
5月前
|
NoSQL 关系型数据库 PHP
php连接数据库
要使用PHP连接PolarDB或MongoDB数据库,需先准备连接信息,并编写相应代码。对于PolarDB,需设置主机地址、端口、数据库名及凭据,使用`pg_connect`函数建立连接;而对于MongoDB副本集,需安装MongoDB PHP驱动,通过`MongoDB\Client`连接指定的副本集实例。请确保替换示例代码中的占位符为实际值,并正确配置副本集名称和主机信息。更多详细信息与示例代码,请参考相关链接。
183 72
|
3月前
|
SQL 关系型数据库 MySQL
12 PHP配置数据库MySQL
路老师分享了PHP操作MySQL数据库的方法,包括安装并连接MySQL服务器、选择数据库、执行SQL语句(如插入、更新、删除和查询),以及将结果集返回到数组。通过具体示例代码,详细介绍了每一步的操作流程,帮助读者快速入门PHP与MySQL的交互。
151 1
|
5月前
|
SQL 关系型数据库 数据库连接
php连接数据库之PDO,PDO的简单使用和预定义占位符的使用以及PDOStatement对象的使用,占位符的不同形式,bindValue和bindParam绑定预定义占位符参数的区别
本文介绍了PHP中PDO(PHP Data Objects)扩展的基本概念和使用方法。内容包括PDO类和PDOStatement类的介绍,PDO的简单使用,预定义占位符的使用方法,以及PDOStatement对象的使用。文章还讨论了绑定预定义占位符参数的不同形式,即bindValue和bindParam的区别。通过具体示例,展示了如何使用PDO进行数据库连接、数据查询、数据插入等操作。
php连接数据库之PDO,PDO的简单使用和预定义占位符的使用以及PDOStatement对象的使用,占位符的不同形式,bindValue和bindParam绑定预定义占位符参数的区别
|
5月前
|
SQL 关系型数据库 MySQL
php学习笔记-连接操作mysq数据库(基础)-day08
本文介绍了PHP中连接操作MySQL数据库的常用函数,包括连接服务器、设置字符集、关闭连接、选择数据库、结果集释放、获取影响行数以及遍历结果集等操作。通过书籍查询的实例演示了如何使用这些函数进行数据库操作,并提供了一个PHP操纵MySQL数据库的模板。
php学习笔记-连接操作mysq数据库(基础)-day08
|
6月前
|
SQL 关系型数据库 MySQL
PHP与数据库交互的艺术:深入探讨PDO扩展
【8月更文挑战第28天】在数字信息时代的海洋里,PHP作为一艘灵活的帆船,承载着无数网站和应用的梦想。而PDO扩展,则是这艘帆船上不可或缺的导航仪,指引着数据安全与效率的航向。本文将带你领略PHP与数据库交互的艺术,深入浅出地探索PDO的世界,从连接数据库到执行复杂的查询,每一步都清晰可见。我们将一起航行在这段奇妙的旅程上,解锁数据的奥秘,体验编程的乐趣。
122 1
|
6月前
|
SQL 缓存 数据库连接
拯救php性能的神器webman-数据库
Webman 框架与这些最佳数据库管理实践的结合,可为应用程序提供快速响应的用户体验,高吞吐量,提升应用程序的整体性能表现。在对数据库交互进行设计和开发时,持续关注性能指标和优化,确保数据库层面不会成为应用程序的瓶颈,这样便能充分利用 Webman 来提升 PHP 应用的性能。
216 4
|
6月前
|
关系型数据库 MySQL 数据库连接
PHP数据库连接
PHP数据库连接
52 2

热门文章

最新文章