Ajax上传图片的本质

Ajax上传图片的本质上传图片的本质

主要介绍了Ajax上传图片的本质的相关资料,需要的朋友可以参考下

1.图片上传到服务器。

2.后台将图片地址传到html页面，以图片形式展现。

3.后天将图片地址加入到input表单中，表单处于隐藏状态。

4.前端删除图片，通过js操作，移除图片与表单数据。

5.图片上传表单，是单独的。不能嵌套在总的表单中。

6.牛逼的图片上传，可以对图片进行处理。压缩，加水印等。

<div id="carousel-preview"></div>

上传表单上传表单

<form id="imageform" class="hidden" method="post" enctype="multipart/form-data" action="{sh::U('Goods/carouselUpload')}">

<input id="carousel-photoimg" type="file" name="photoimg">

</form>

触发事件触发事件

$("#up_btn").click(function () {

$("#carousel-photoimg").click();

});

$('#carousel-photoimg').on('change', function(){

btn.hide();

},

success:function(){ // 提交后，加载的图片显示

status.hide();

btn.show();

},

error:function(){

status.hide();

btn.show();

} }).submit();

}

$extArr = array("jpg", "png", "gif","jpeg");

if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST"){

$name = $_FILES['photoimg']['name'];

$size = $_FILES['photoimg']['size'];

if(empty($name)){

echo '请选择要上传的图片';

exit;

}

$ext = $this->extend($name);