使用fileinput插件上传基于krajeeajax的文件
krajee ajax-based-file-uploads-using-fileinput-plugin
首先对不起我英语不好;
我正在搜索一个以缩略图形式上传图像的好文件。。
我找到了Krajee引导程序文件输入http://plugins.krajee.com/file-input
我认为这是非常完整的。
我已成功上传照片
这是我的代码:
$("#images").fileinput({
uploadUrl: strURL, // you must set a valid URL here else you will get an error
uploadAsync: true,
previewFileType: "image",
allowedFileExtensions: ["jpg", "gif", "png"],
allowedFileTypes: ["image"],
showUpload:true,
maxFileSize: 5000,
minFileCount: 1,
maxFileCount: 8,
elErrorContainer: "#errorBlock",
overwriteInitial: false,
initialPreview: [
"<img src='http://lorempixel.com/200/150/people/1'>",
"<img src='http://lorempixel.com/200/150/people/2'>",
],
initialPreviewShowDelete: true,
initialPreviewConfig: [
{caption: "People-1.jpg", width: "42px", url: "/site/file-delete", key: 1},
{caption: "People-2.jpg", width: "42px", url: "/site/file-delete", key: 2},
],
});
但现在,上传照片后,我希望用户修改(删除以前上传的照片,添加新照片等。)
所以,我必须使用initialPreview和initialPreviewConfig选项。。。
但我不知道如何将服务器端的照片放在这些选项中??
我需要使用服务器代码来生成初始化文件输入的初始javascript
我试过:
控制器(MVC)
$preview = array("<img src='<?php echo DIR;?>images/2015/Mars/100_3641.jpg' class='file-preview-image' >",
"<img src='<?php echo DIR;?>images/2015/Mars/100_3785.jpg' class='file-preview-image' >");
视图:
$("#images").fileinput({
uploadUrl: strURL, // you must set a valid URL here else you will get an error
uploadAsync: true,
......................
initialPreview: '<?php echo $preview; ?>' , // images from server ????
initialPreviewShowDelete: true,
....................................
});
但这是不对的!!
我该怎么做??
非常感谢
制作Json阵列
$json_preview = json_encode($preview);
$("#images").fileinput({
uploadUrl: strURL, // you must set a valid URL here else you will get an error
uploadAsync: true,
......................
initialPreview: <?php echo $json_preview; ?> , // images from server ????
initialPreviewShowDelete: true,
....................................
});
相关文章:
- 如何播放部分音频文件
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何使用WCF服务和javascript表单post上传.doc文件
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在php文件中获取$.post-ajax传递的值
- 直接下载文件,而不是从window.open(url)
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 使用压缩的JavaScript文件(不是运行时压缩)
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- Javascript运行php文件,然后下载文件
- 节点Js:How to catch a“;没有这样的文件或目录“;读取线模块出错
- 我应该如何从xml文件构建一个javascript页面
- 使用fileinput插件上传基于krajeeajax的文件