首頁 > 後端開發 > php教程 > bootstrap fileinput初始化

bootstrap fileinput初始化

WBOY
發布: 2016-08-25 10:37:32
原創
2111 人瀏覽過

<code>      我想通过以下代码初始化fileinput,后台文件也有返回值,但是现在就没法初始化,哪位高手帮我看看,谢谢!
        <script type="text/javascript">
        
        // 初始化获取原有文件  
      $(function(){  
        $.ajax({  
           type:"post",  
           url:"{:U('map/getData')}",  
           data:{id:$("#id").val()},
           dataType : "json",  
           success : function(data) { 
           alert("success"); 
           var data1=eval(data);
           alert(data1.map);
           showPhotos(data1.map);  
           },  
           error: function(XMLHttpRequest, textStatus, errorThrown) {  
                  alert(XMLHttpRequest.status);  
                  alert(XMLHttpRequest.readyState);  
                  alert(textStatus);   
           }  
       });  
         
      });  
            function showPhotos(pic){
                var str=pic;
                alert(pic);
           $("#img_url1").fileinput({  
       language: 'zh',  
       uploadUrl: "{:U('map/upload')}", //上传后台操作的方法  
       uploadAsync: true, //设置上传同步异步 此为同步  
       maxFileSize: 800,  
       initialPreview: "<img src='"+str+"' />",
       allowedFileExtensions: ['jpg','png'] //限制上传文件后缀  
    }).on('fileuploaded', function(event, data, previewId, index){ 
    //alert(data);
     var form = data.form, files = data.files, extra = data.extra,
            response = data.response, reader = data.reader;
    
            //alert(data.filenames);
    var str = JSON.stringify(data);  
    alert(str);  
    //document.write(str);
    alert(data.response.filename);
    $("#mapImg").val(data.response.filename);
            });//初始化 后 上传插件的样子  
            }
        
            
            </script>
            
             public function getData(){
    $id=$_POST['id'];
    $arr=M("contact")->field("*")->where("id=$id")->find();
echo json_encode($arr);

 }</code>
登入後複製
登入後複製

回覆內容:

<code>      我想通过以下代码初始化fileinput,后台文件也有返回值,但是现在就没法初始化,哪位高手帮我看看,谢谢!
        <script type="text/javascript">
        
        // 初始化获取原有文件  
      $(function(){  
        $.ajax({  
           type:"post",  
           url:"{:U('map/getData')}",  
           data:{id:$("#id").val()},
           dataType : "json",  
           success : function(data) { 
           alert("success"); 
           var data1=eval(data);
           alert(data1.map);
           showPhotos(data1.map);  
           },  
           error: function(XMLHttpRequest, textStatus, errorThrown) {  
                  alert(XMLHttpRequest.status);  
                  alert(XMLHttpRequest.readyState);  
                  alert(textStatus);   
           }  
       });  
         
      });  
            function showPhotos(pic){
                var str=pic;
                alert(pic);
           $("#img_url1").fileinput({  
       language: 'zh',  
       uploadUrl: "{:U('map/upload')}", //上传后台操作的方法  
       uploadAsync: true, //设置上传同步异步 此为同步  
       maxFileSize: 800,  
       initialPreview: "<img src='"+str+"' />",
       allowedFileExtensions: ['jpg','png'] //限制上传文件后缀  
    }).on('fileuploaded', function(event, data, previewId, index){ 
    //alert(data);
     var form = data.form, files = data.files, extra = data.extra,
            response = data.response, reader = data.reader;
    
            //alert(data.filenames);
    var str = JSON.stringify(data);  
    alert(str);  
    //document.write(str);
    alert(data.response.filename);
    $("#mapImg").val(data.response.filename);
            });//初始化 后 上传插件的样子  
            }
        
            
            </script>
            
             public function getData(){
    $id=$_POST['id'];
    $arr=M("contact")->field("*")->where("id=$id")->find();
echo json_encode($arr);

 }</code>
登入後複製
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板