Ajax异步上传图片

HTML和JS脚本如下:

<div class="look_bottom_con">									 
    <span><i>*</i>上传资质:</span>
    <div class="upload_img_new">								 
        <dl>										 
            <dt>
                <img src="<?=$no_use?>" id="img_aptitude"/>
	        <input type="hidden" name="aptitude_img" value="" id="img_aptitude_src"/>									 
             </dt>
             <dd>										 
                 <input id="mf10" type="file" value="选择文件" name="media_aptitude_img"/><br/>												 
                 <p>(文件大小:不超过2M)</p>											 
             </dd>
	</dl>								 
      </div>
</div>




	<script type="text/javascript">
    	$("#mf10").change(function(){
    			//创建FormData对象
    			var data = new FormData();
    			var img = $("#mf10")[0].files[0];
    			if (img.size > 2*1024*1024) {
    				alert("图片不能超过2M!");
    				return;
    			}
    			data.append("upload_file", img);
    			$.ajax({
    					url:"/html/admin.php?c=Media_Detail&a=Picture",
    					type:"POST",
    					data:data,
    					cache:false,
    					contentType:false,	//不可缺
    					processData:false,	//不可缺
    					success:function(data) {
    							var info = eval("("+data+")");
    							if (info.code == 200) {
    								$("#img_aptitude").attr("src",info.data.url);
    							$("#img_aptitude_src").val(info.data.url);
    							} else {
    								alert(info.msg);
    							}
    						}
    				});
    		});
	</script>

发表评论

电子邮件地址不会被公开。 必填项已用*标注