Maison > Article > développement back-end > bootstrap fileinput初始化
<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+"' / alt="bootstrap fileinput初始化 " >", 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+"' / alt="bootstrap fileinput初始化 " >", 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>