目前使用此plugin在我的网站上上传图片,当用户上传图片后点击删除按钮时,我很难找到触发事件来调用我的php文件的方法。 (删除功能如何工作?)
(我的上传工作非常完美!只是无法获取删除部分)
HTML:
<input id="input-upload" name="input-upload[]" type="file" multiple="true">
JS代码:
$("#input-upload").fileinput({
uploadUrl: 'uploadImg.php',
deleteUrl: 'deleteImg.php',
showCaption: false,
dropZoneEnabled: false,
maxFileSize: 7000,
maxFileCount: 5,
uploadAsync: false,
allowedFileExtensions : ['jpg', 'png','gif'],
previewFileType: "image",
browseClass: "btn btn-success",
browseLabel: "Pick Image",
browseIcon: '<i class="glyphicon glyphicon-picture"></i>',
removeClass: "btn btn-danger",
removeLabel: "Delete",
removeIcon: '<i class="glyphicon glyphicon-trash"></i>',
uploadClass: "btn btn-info",
uploadLabel: "Upload",
uploadIcon: '<i class="glyphicon glyphicon-upload"></i>',
initialPreviewShowDelete:true,
});
我还尝试了各种事件,比如filepredelete和filedeleted函数,但是当用户点击删除按钮时,这些事件从未被调用过。只有fileclear事件可以工作,但这是没有意义的,因为我总会得到一个空列表,它没用,因为我无法删除我服务器上的那些上传文件。
我想找到一种方法来获取当前列表或找出用户删除的图像,以便我可以在服务器中删除它。 (在删除之前和之后将我的输入上传数组恢复)
有人可以帮帮我吗?提前谢谢!
答案 0 :(得分:3)
为您上传的图片添加initialPreview
initialPreview
:
initialPreview: {
`img src='/images/desert.jpg' class='file-preview-image' alt='Desert' title='Desert'>`",
`<img src='/images/jellyfish.jpg' class='file-preview-image' alt='Jelly Fish' title='Jelly Fish'>`",
},
然后将Config添加到此预览:
initialPreviewConfig:
{
{
caption: 'desert.jpg',
width: '120px',
url: '/localhost/public/delete',
key: 100,
extra: {id: 100} ***// id of your image***
}};