码迷,mamicode.com
首页 > Web开发 > 详细

uploadify上传图片

时间:2017-08-13 10:11:45      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:head   ack   enter   ==   art   let   tle   源代码   w3c   

1、实现源代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>uploadify上传图片</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link type="text/css" rel="stylesheet" href="../../js/uploadify/uploadify.css"/>
	<script type="text/javascript" src="../../js/jquery-1.12.3.js"></script>
	<script type="text/javascript" src="../../js/uploadify/jquery.uploadify.js"></script>
	<script type="text/javascript">
		$(function(){
			 $("#upload").uploadify({
			    ‘height‘: 25,
                ‘width‘: 100, 
		        ‘auto‘: true,
		        ‘removeTimeout‘ : 10,
		        ‘buttonText‘: ‘上传图片‘,
		        ‘fileTypeExts‘: ‘*.gif; *.jpg; *.png‘,
		        ‘fileSizeLimit‘ : ‘1MB‘,
		        ‘swf‘: ‘../../js/uploadify/uploadify.swf‘,
		        ‘uploader‘: ‘../../js/uploadify/uploadify.php‘,
		        ‘cancelImg‘: ‘../../js/uploadify/uploadify-cancel.png‘,
		        ‘buttonImage‘ : ‘../../images/img.PNG‘,
		        ‘multi‘: false,
		        ‘onUploadSuccess‘:function(file){
		             console.log(file.name);
                     $("#imgs").css("display","block");
                     $("#imgs").attr("src",file.name);
                }
		    });
		});
	</script>

  </head>
  
  <body>
     <input type="file" name="upload" id="upload" />
     <img id="imgs" style="width:100px; height: 100px; display: none;">
  </body>
</html>

2、实现结果

技术分享

uploadify上传图片

标签:head   ack   enter   ==   art   let   tle   源代码   w3c   

原文地址:http://www.cnblogs.com/yutingliuyl/p/7352363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!