论坛风格切换切换到宽版
  • 19阅读
  • 3回复

jQuery-File-Upload/wiki/Options [复制链接]

上一主题 下一主题
离线北斗星
 

只看楼主 倒序阅读 使用道具 楼主   发表于: 2020-05-08
//文件上传前触发事件
    /*$('#fileupload').bind('fileuploadsubmit', function (e, data) {
        alert('1');
        console.log(data);
        data.formData = { key: $("#userID").val() };  //如果需要额外添加参数可以在这里添加
    });*/
    $('#fileupload').on('fileuploadstart', function (e,data) {
        console.log(data);
    })
    $("#fileupload").fileupload({
        dataType: 'json',
        url: 'http://upload.qiniu.com/',
        //formData:{'token':'{{ $token }}'},
        /*formData : function (e,data) {
            //console.log(data1.files[0].name);
            return [{name : "token",value : '{{ $token }}'}];
        },*/
        add:function(e,data){
            console.log(data.files[0].name);
            //return [{name : "key",value : data.files[0].name}];
            data.formData = [{name : "token",value : '{{ $token }}'},{name : "key",value : data.files[0].name},{name:'scope',value:'apk:'+data.files[0].name}];
            data.submit();
        },
        done: function (e, data) { //上传结束的操作
            //alert(data);
            console.log(data.result.key);
            alert('上传成功:'+data.result.name);
            $('#progress').hide();
            $('#fileupload').show();
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress').show();
            $('#fileupload').hide();
        }


    })
</script>
离线北斗星

只看该作者 沙发   发表于: 2020-05-08
离线北斗星

只看该作者 板凳   发表于: 2020-05-08
<form id="testform" method="post" enctype="multipart/form-data">
            <input name="key" id="key" type="hidden" value="">
            <input name="token" type="hidden" value="{{ $token }}">
            <input id="userfile" name="file" type="file" />

            <!-- take photo with phone -->
            <!-- <input id="userfile" name="file" accept="image/*" type="file" /> -->

            <!-- take video with phone -->
            <!-- <input id="userfile" name="file" type="file" accept="video/*"/> -->

            <input name="accept" type="hidden" />
        </form>

        <!-- add file -->
        <span for="userfile" class="upapk">
            <span></span>
            <em>添加文件</em>
        </span>



        <p><!-- upload info -->
        <div class="selected-file"></div>
        <div class="progress"></div>
        <div class="uploaded-result"></div></p>



    <script src="{{ asset('js/formdata.js') }}"></script>
    <link rel="stylesheet" type="text/css" href="/css/formdata.css" />
快速回复
限100 字节
如果您在写长篇帖子又不马上发表,建议存为草稿
 
上一个 下一个