>  기사  >  백엔드 개발  >  부트스트랩 파일 입력 초기화

부트스트랩 파일 입력 초기화

WBOY
WBOY원래의
2016-08-25 10:37:322039검색

<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>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.