tp5中图片上传接口

1:移动端页面:


2:表单:重点图片的uploadFile()事件

<div id="approve_NI">
    <div class="approve_NI_top">
        <div class="approve_NI_top2">
            <div>
                <img src="../images/rk_fanhui.jpg"/>
                <p><a href="javascript:history.go(-1)">返回</a></p>
            </div>
            <span>入库出错</span>
        </div>
    </div>
    <br/><br/>
    <div class="approve_NI_1">
        <div class="approve_NI_1top">
            <div class="approve_NI_1topA">
                <img src="../images/sp_xing.png"/>
                <div>订单编号</div>
                <input type="text" placeholder="请输入订单编号" name="ordercode" id="ordercode"/>
            </div>
        </div>
        <div class="approve_NI_1bottom">
            <img src="../images/sp_xing.png"/>
            <div>商品名称</div>
            <input type="text" placeholder="请输入商品名称" name="goodsname" id="goodsname"/>
        </div>
    </div>
    <div class="approve_NI_2">
        <div class="approve_NI_2A">
            <div class="approve_NI_2top">
                <img src="../images/sp_xing.png"/>
                <div>拒接原因</div>
            </div>
            <div class="approve_NI_2bottom">
                <textarea placeholder="请输入拒接原因" name="reason" id="reason"></textarea>
            </div>
        </div>
    </div>
    <div class="approve_NI_4">
        
         <!--插件-->
                    <button id='showUserPicker2' class="mui-btn mui-btn-block" type='button' style="font-size: 0.47rem;float:left;width: 8rem;text-align: center;">请选择审批人</button>
                    <input type="hidden" id="ui_gid" value="">
                    <!---->
    </div>
    <div class="approve_NI_3">
        <div class="approve_NI_3A">
            <div class="approve_NI_3top">
                <img src="../images/sp_xing.png"/>
                <div>图片</div>
            </div>
            <div class="approve_NI_3bottom">
                <input type="file" name="sp_image" id="sp_image" accept="image/*;capture=camera" style="display: none;"/>
                    <img src="../images/sp_tupian.png" οnclick="uploadFile()" id="backphoto"/>
            </div>
        </div>
    </div>
    <

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值