日期:2014-05-16  浏览次数:20426 次

jQuery ajax 无刷新多图片上传并记录到数据库

本例适合多图片自动选择后上传,无提交按钮,并记录到数据库

数据库的结构

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 ;

jQuery ajax 无刷新多图片上传并记录到数据库
演示

?

JavaScript Code
  1. <script>??
  2. ?$(document).ready(function()?{???
  3. ??????????
  4. ????????????$('#photoimg').die('click').live('change',?function()???????????{???
  5. ???????????????????????//$("#preview").html('');??