laravel中上传图片并预览

(1)需要工具uploadify

(2)需要uploadify文档一份(uploadify文档链接

(3)demo模仿

<tr>
                    <th>缩略图:</th>
                    <td>
                        <input type="text" size="50" name="art_thumb" >
                        <input id="file_upload" name="file_upload" type="file" multiple="true">
                        <script src="{
  {asset('resources/org/uploadify/jquery.uploadify.min.js')}}" type="text/javascript"></script>
                        <link rel="stylesheet" type="text/css" href="{
  {asset('resources/org/uploadify/uploadify.css')}}">
                        <script type="text/javascript">
                            <?php $timestamp = time();?>
                            $(function() {
                                $('#file_upload').uploadify({
                                    'buttonText':'图片上传',
                                    'formData'     : {    
                                        'timestamp' : '<?php echo $timestamp;?>',
                                        '_token'     : '{
  {csrf_token()}}'  //csrf验证,不然会出现500
                                    },
                                    'swf'      : "{
  {asset('resources/org/uploadify/uploadify.swf')}}",
                                    'uploader' : "{
  {url('admin/upload')}}",           //处理upload的php方法,在router设置路由
,                                    'onUploadSuccess':function(file,data,response){   //上传成功的操作:(1)显示相对路径(2)展示预览图
                                        $('input[name=art_thumb]').val(data);
         
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值