php 商品上传图片及名称,php结合数据库演示商品多图片上传

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

难易：中级

下载资源

下载积分：

200

积分

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 += "

0%

";

});

$("#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("\n\

左移 右移 删除

")

$("#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();

})

若是出现提示：上传有误，请检查服务器配置！解决方法：

在php.ini 设置 upload_max_filesize 和 post_max_size的大小，重启服务器。

demo中更新了删除功能，可在后台直接删除文件，在实际应用中要判断这个用户是否有这个权限删除，否则会有严重漏洞