fileinput-图片插件「建议收藏」

fileinput-图片插件「建议收藏」<linkrel=”stylesheet”href=”{{asset(‘plugins/fileinput/css/fileinput.min.css’)}}”xmlns=”http://www.w3.org/1999/html”><scriptsrc=”{{asset(‘plugins/fileinput/js/fileinput.js’)}}”></s…

大家好,又见面了,我是你们的朋友全栈君。

<link rel=”stylesheet” href=”{
{asset(‘plugins/fileinput/css/fileinput.min.css’)}}” xmlns=”http://www.w3.org/1999/html”>

<script src=”{
{asset(‘plugins/fileinput/js/fileinput.js’)}}”></script>

<script src=”{
{asset(‘plugins/fileinput/js/fileinput_locale_zh.js’)}}”></script>

<script src=”{
{mix(‘js/fileupload.js’)}}”></script>

var uid = ‘{
{adminId()}}’; //管理员id

var file = new upload({ uid:uid,pictype:1001,uploadid:”fileupload”,tag:”img”,token:'<?php echo e(csrf_token());?>’});

file.initUpload(‘{!! $info->imginfo !!}’,'{
{asset(‘uploadfile’)}}/’) ;

 

<div class=”form-group”>

    <label class=”col-sm-3 control-label”>洗护图片:</label>

    <div class=”col-md-8″>

        <div id=”img_info”>

        <input type=”hidden” id=”img” name=”img” value=”{
{$info->imginfo}}”/>

        <input id=”fileupload” name=”fileupload” type=”file” multiple>

        <input type=”hidden” name=”_token” value=”{
{csrf_token()}}”/>

        <span class=”help-block text_infor”>支持文件格式:xls, xlsx, doc, docx, pdf, jpg, png, jpeg。</span>

        </div>

    </div>

</div>

http://plugins.krajee.com/file-plugin-methods-demo

fileinput 功能演示

上面链接详解

多次初始化值使用

var $el4 = $(‘#fileupload’), initPlugin = function() {

$el4.fileinput({previewClass:”});

};

$el4.fileinput(‘destroy’);

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/139459.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 关于新人的培养与程序的测试

    关于新人的培养与程序的测试

    2021年7月26日
    51
  • pycharm教育版安装教程_pycharm专业版安装

    pycharm教育版安装教程_pycharm专业版安装1.打开百度搜索PyCharm进入官网,我们可以看到左边是专业版,右边是社区版,建议使用专业版,功能比较齐全。2. 双击安装包进行安装。自定义软件安装路径(建议路径中不要中文字符)。3.选择开始菜单文件夹(默认即可),点击安装。耐心等待安装。4.安装完成,勾选立即运行PyCharm。5.选择是否导入开发环境配置文件,我们选择不导入。6.阅读协议并同意7.如果有学生的edu邮箱的话可以免费使用…

    2025年6月7日
    0
  • idea debug断点调试技巧_idea断点查看选中的值

    idea debug断点调试技巧_idea断点查看选中的值文章目录一.怎么开启断点调试?二.调试界面咋那么多按钮?1.返回断点位置2.步过3.步入4,5.强制步入,步出6.回退断点7.断点跳到光标处8.表达式计算9.恢复程序10.停止程序11.查看所有断点12.禁用断点13.其他三.竟然有那么多调试断点?1.方法断点2.属性断点3.异常断点4.终止断点5.条件断点6.流断点7.多线程断点8.远程断点一.怎么开启断点调试?随着开发的深入,越来越觉得高效的调试方法是多么的重要了,但我们一般上来就是敲一些代码,谁会去静下心来学一些看似没什么用的调试技巧呢?

    2022年8月30日
    1
  • 浏览器添加HackBar[通俗易懂]

    浏览器添加HackBar[通俗易懂]以火狐浏览器为例第一步:打开浏览器第二步:搜索HackBar–>添加第三步:验证【六礼】冠、婚、丧、祭、乡饮酒、相见【六艺】礼、乐、射、御、书、数【六义】风、赋、比、兴、雅、颂…

    2022年6月12日
    23
  • idea中查看接口的所有实现类_idea查看方法在哪里被调用

    idea中查看接口的所有实现类_idea查看方法在哪里被调用

    2022年8月15日
    3
  • 谷歌浏览器与驱动下载,以及放置位置

    谷歌浏览器与驱动下载,以及放置位置谷歌浏览器稳定版本:78.0.3904.70(建议下载此版本,最新版本可能会找不到对应的驱动)谷歌浏览器驱动下载地址:(驱动不区分32还是64位)http://chromedriver.storage.proxy.ustclug.org/index.html注意:将文件谷歌浏览器驱动chromedriver.exe放到如下安装目录下:1.谷歌浏览器安装目录下:比如C:\Users\Admin…

    2022年6月3日
    163

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号