图片上传

最新推荐文章于 2024-03-17 20:35:51 发布

最新推荐文章于 2024-03-17 20:35:51 发布 · 137 阅读

文章标签：

#CSS #jQuery #JavaScript #ViewUI

Ajax 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用jQuery插件实现文件上传的方法，并展示了如何通过jQuery.tablesorter插件为网页表格添加排序功能。文章提供了完整的HTML和JavaScript代码示例，包括所需的样式表和脚本链接。

图片上传

<link href="tablesorter/style.css" type="text/css" rel="stylesheet" />
<link href="css/uploadify.css" type="text/css" rel="stylesheet" />
<link href="css/james.css" type="text/css" rel="stylesheet" />
<link href="css/default.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.james.js"></script>
<script type="text/javascript" src="js/jquery.uploadify.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
<script type="text/javascript">
$(document).ready( function() {
 $('#img').hide();
  $('#fileupload').fileUpload( {
  'uploader' :'uploadify/uploader.swf',
  'script' :'upload.action',
  'cancelImg' :'uploadify/cancel.png',
  'fileDataName' :'fileupload',
  'auto' :true,
  'onAllComplete' : function() {
  $('#img').slideToggle();
  }
  });
 });
 $(document).ready( function(){
  $('#myTable').addClass('tablesorter').tablesorter();
 });