php ajax图片上传

14 篇文章 0 订阅
3 篇文章 0 订阅

html:

<div style="float:left;height:60px;margin-top:5px;margin-right:44px;">
                            <!-- 点击图片添加文件方式 -->
                            <img id="img1" class="img1" style="width:50px;height:50px;border:1px solid green;"
                                 {if $val.goods_pic_src==''}
                                 src="./Public/img/user_res/default.jpg"
                                 {else}
                                 src=""
                                 {/if}
                            οnclick="$('#inputfilepic').click()" title="点击添加图片" alt="点击添加图片">
                            <input type="file" name="image" style="width:1px;opacity:0;filter:alpha(opacity=0);"
                                   id="inputfilepic"/>
                        </div>

                        <input type="hidden" id="goods_pic_src" class="goods_pic_src" name="picurl" value="">

jq:

<script type="text/javascript">
            $(document).on('change',"#inputfilepic", function () {
                var data = new FormData();
                $.each($('#inputfilepic')[0].files, function (i, file) {
                    data.append('upload_file', file);
                });
                $.ajax({
                    url: "submit_form_process.php?type=update",
                    type: 'POST',
                    data: data,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function (data) {

                        $(".img1").attr("src", data);
                        $(".goods_pic_src").val(data);
                    }
                });
            });
    </script>

php:处理页面

<?php
session_start();
if (empty($_SESSION['loginname'])) {
    die("您访问的页面不存在");
}

include_once '../smarty_inc.php';


if ((($_FILES["upload_file"]["type"] == "image/jpeg")
        || ($_FILES["upload_file"]["type"] == "image/pjpeg")))
{
    if ($_FILES["upload_file"]["error"] > 0)
    {
        echo "Error: " . $_FILES["upload_file"]["error"] . "<br />";
    }
    else
    {
        $goodsServ=new SbGoodsService();
        if($_GET['type']=="update"){
            $dir="./Public/img/res/";
        }else{
            $dir="./Public/img/user_res/";
        }

        chmod($dir,0777);
        $saveurl = $dir . time() . iconv('utf-8', 'utf-8', $_FILES['upload_file']['name']);
        move_uploaded_file($_FILES['upload_file']['tmp_name'], $saveurl);
        $_FILES['upload_file']['saveurl'] = $saveurl;

        $goodsServ->addGoodsPic($saveurl,$_SESSION['uid']);

        echo $_FILES['upload_file']['saveurl'];

    }
}
/*echo "<pre>";
print_r($_FILES);
echo "</pre>";*/


  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值