我的java脚本.我想要显示图像. javascript需要图像路径作为数组格式.我试图提供路径抛出ajax.它不起作用.当我使用硬编码工作.我的javascipt如下.它不起作用. javascript下面的工作代码供应和我的php文件代码也在那里.

$(function () {

$.get( "php/building_edit_image_get_db.php", function( your_return_data ) {

alert(your_return_data);

$("#editimagefile").fileinput({

showUpload: false,

showCaption: false,

overwriteInitial: true,

initialPreview: [your_return_data],

initialPreviewAsData: true, // identify if you are sending preview data only and not the raw markup

initialPreviewFileType: 'image', // image is the default and can be overridden in config below

browseClass: "btn btn-primary btn-lg",

allowedFileExtensions : ['jpg', 'png','gif']

});

});

});

它不起作用.当我把硬编码放在正常工作时,脚本在下面

$(function () {

$.get( "php/building_edit_image_get_db.php", function( your_return_data ) {

alert(your_return_data);

$("#editimagefile").fileinput({

showUpload: false,

showCaption: false,

overwriteInitial: true,

initialPreview: [

"http://lorempixel.com/800/460/people/1",

"http://lorempixel.com/800/460/people/2"

],

initialPreviewAsData: true, // identify if you are sending preview data only and not the raw markup

initialPreviewFileType: 'image', // image is the default and can be overridden in config below

browseClass: "btn btn-primary btn-lg",

allowedFileExtensions : ['jpg', 'png','gif']

});

});

});

我的php文件用于恢复数组值.

session_start();

require_once ('../aiboc_admin/class/Buidling_Image.php');

$editid = $_SESSION['BUILD_LIST_EDIT_ID'];

$getimgs = Buidling_Image::GetGalleryImageByID($editid);

foreach ($getimgs as $setimgs)

{

$imgs[] = $setimgs['img_url'];

}

echo json_encode($imgs,JSON_UNESCAPED_SLASHES);

解决方法:

你应该使用$.parseJSON()因为你在使用json_encode时获得了json格式:

$.get( "php/building_edit_image_get_db.php", function( your_return_data ) {

$("#editimagefile").fileinput({

showUpload: false,

showCaption: false,

overwriteInitial: true,

initialPreview: $.parseJSON(your_return_data),

initialPreviewAsData: true, // identify if you are sending preview data only and not the raw markup

initialPreviewFileType: 'image', // image is the default and can be overridden in config below

browseClass: "btn btn-primary btn-lg",

allowedFileExtensions : ['jpg', 'png','gif']

});

});

或者您可以使用$.getJSON()而不是$.get()请求,然后您不需要解析它:

$.getJSON( "php/building_edit_image_get_db.php", function( your_return_data ) {

希望这可以帮助.

标签:jquery,php,javascript

来源: https://codeday.me/bug/20190701/1352216.html

php json_encode 后直接复制给js怎么调用,如何将数组从php(使用json_encode)传递给javascript...相关推荐

  1. PHP数组传递给JavaScript以及json_encode的gbk中文乱码的解决

    首先关于json_encode的gbk中文乱码,创建JSON函数,这一段来自网上某一位大侠 /***************************************************** ...

  2. javascript调用dll_Blazor条码识别:Web中运行C#和JavaScript

    Blazor是微软开发的Web框架,目的是让开发者使用C#和HTML来开发Web应用.然而,JavaScript必不可少.所以微软也提供了C#和JavaScript互相调用的方法.这篇文章分享下如何用 ...

  3. cocos2d js调用java_【cocos2d-js官方文档】二十四、如何在android平台上使用js直接调用Java方法...

    在cocos2d-js 3.0beta中加入了一个新特性,在android平台上我们可以通过反射直接在js中调用java的静态方法.它的使用方法很简单: var o = jsb.reflection. ...

  4. WebBrowser(IE) 与 JS 相互调用

    在开发中我们经常将WebBrowser控件嵌入Winform 程序来浏览网页,既然是网页那么少不了JS.下面就让我们来说说他们两之间的相互调用. 在C#封装的浏览器内核中,Chromium 内核封装有 ...

  5. js方式调用php_javascript调用PHP和PHP调用javascript的方法

    javascript调用PHP和PHP调用javascript的方法 发布时间:2020-06-22 17:03:14 来源:亿速云 阅读:262 作者:Leah 这篇文章将为大家详细讲解有关java ...

  6. 使用 JS 文件调用 Google AdSense 广告 cnblogs

    在网页中插入 Google AdSense 广告,一般将源代码直接嵌入主题模板页面.事实上 Google AdSense 支持并允许使用 JS 文件调用.当然前提是不要因任何原因修改代码,或手动影响广 ...

  7. python调用远程js_python和js交互调用的方法

    后台代码都是利用的1.[get方式]使用jquery的get json与后台交互前端js代码片段var data= {'a': $('input[name="a"]').val() ...

  8. python中和js交互_python和js交互调用的方法

    后台代码都是利用的 1.[get方式]使用jquery的get json与后台交互 前端js代码片段 var data= { 'a': $('input[name="a"]').v ...

  9. Cordova app 检查更新 ----JS进行调用(二)

    1.获取版本号 需要添加 插件 cordova plugin add https://github.com/whiteoctober/cordova-plugin-app-version.git js ...

最新文章

  1. apache httpd 1
  2. JVM class加载机制的总结 收藏
  3. Intel Realsense D435 测试视频流的直方图均衡化
  4. oracle expdp 39002,expdp 导入数据时ORA-39002、ORA-39070错误排查
  5. c语言中坐标xoy轴在哪里,用C语言在linux下获取鼠标指针的相对位置
  6. 使用RemObjects Pascal Script
  7. LeetCode:Longest Substring Without Repeating Characters(最长不重复子串)
  8. 日志的打印 —— Java 支持
  9. 计算机怎么开启tftp服务器,Win7系统如何开启TFTP服务器?
  10. BNS100数码人像采集系统产品说明书
  11. “网红蜥蜴”背后的创业路,他潜心于宠物蜥蜴的研发与产业化_汇新云
  12. 基于广度优先搜索的六度空间理论的验证
  13. PCL库实时显示点云流
  14. 用友u8安装应用服务器输什么,用友u8服务器安装教程
  15. java.lang.IllegalArgumentException: Receiver not registered:
  16. 网站开发-php开发手机论坛(11)-用户中心
  17. 批量修改指定文件夹里面相同类型文件的扩展名(转自Github,原作者Crag Richards)
  18. 计算机虚拟化的基本概念,虚拟化和虚拟机基本概念
  19. 在数据库使用期间创建OMF(Oracle Managed Files,Oracle管理的文件)
  20. 王道P41 T23(单链表实现)

热门文章

  1. 解决idea导入项目后依赖报错问题
  2. vue 上传图片视频组件,可拍照选择照片,解决苹果手机拍照旋转问题
  3. Linux下解决命令未找到的问题
  4. idea配置 Tomcat Deployment添加时没有Artifact...选择的解决方案
  5. 如何在PHP中获取客户端IP地址[重复]
  6. elementui tree组件层级过多时可左右滚动
  7. CentOS 7 快速部署 ELK
  8. 应用中有使用到集群么?多大规模?
  9. OSPF的基本原理及配置命令
  10. java - 分页类