FineUploader获取上传文件的文件路径
Getting file path of uploaded file in FineUploader
我正在使用FineUploader 上传文件。我正在使用他们的 php-traditional-server
https://github.com/FineUploader/php-traditional-server
https://docs.fineuploader.com/quickstart/03-setting_up_server.html
我也在用jquery.fine-uploader.js
这会在循环期间在页面中初始化,这样每个 "room" 都会得到一个像这样的 Fine Uploader
<div id="<?php echo preg_replace("/[^A-Za-z0-9]/", "_", strtoupper($room->room_name)); ?>"></div>
<script>
$('#<?php echo preg_replace("/[^A-Za-z0-9]/", "_", strtoupper($room->room_name)); ?>').fineUploader({
template: 'qq-template-gallery',
request: {
endpoint: '/fine-uploader/server/endpoint.php'
},
thumbnails: {
placeholders: {
waitingPath: '/fine-uploader/placeholders/waiting-generic.png',
notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png'
}
},
validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
}
});
</script>
我的这个工作正常,它可以完美地上传文件。这是我坚持的最后一块拼图。我想知道的是如何获取上传文件的文件路径?我可以看到文件正在上传,并且可以通过 ftp 查看路径。我想要的是某种 "when complete" 给我文件路径作为 javascript 变量。然后我会用它来附加包含文件路径的隐藏输入的表单。我确切地知道如何做后一部分。我需要知道的是如何获取文件上传成功后的文件路径?
任何帮助将不胜感激
编辑
我已经解决了我可以从 qq.getFilename 获取文件名,现在如果我只能获取 UID 我的问题就解决了
我解决了!
我需要添加回调 onComplete。在这个例子中,我只是 console.log 包含 uid 和文件名的响应。由此我可以构建我需要的 url
$('#id-of-fine-uploader-div').fineUploader({
template: 'qq-template-gallery',
request: {
endpoint: '/fine-uploader/server/endpoint.php'
},
thumbnails: {
placeholders: {
waitingPath: '/fine-uploader/placeholders/waiting-generic.png',
notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png'
}
},
validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
},
callbacks: {
onComplete: function(id, name, responseJSON, maybeXhr) {console.log(responseJSON)}
}
});
我正在使用FineUploader 上传文件。我正在使用他们的 php-traditional-server
https://github.com/FineUploader/php-traditional-server
https://docs.fineuploader.com/quickstart/03-setting_up_server.html
我也在用jquery.fine-uploader.js
这会在循环期间在页面中初始化,这样每个 "room" 都会得到一个像这样的 Fine Uploader
<div id="<?php echo preg_replace("/[^A-Za-z0-9]/", "_", strtoupper($room->room_name)); ?>"></div>
<script>
$('#<?php echo preg_replace("/[^A-Za-z0-9]/", "_", strtoupper($room->room_name)); ?>').fineUploader({
template: 'qq-template-gallery',
request: {
endpoint: '/fine-uploader/server/endpoint.php'
},
thumbnails: {
placeholders: {
waitingPath: '/fine-uploader/placeholders/waiting-generic.png',
notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png'
}
},
validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
}
});
</script>
我的这个工作正常,它可以完美地上传文件。这是我坚持的最后一块拼图。我想知道的是如何获取上传文件的文件路径?我可以看到文件正在上传,并且可以通过 ftp 查看路径。我想要的是某种 "when complete" 给我文件路径作为 javascript 变量。然后我会用它来附加包含文件路径的隐藏输入的表单。我确切地知道如何做后一部分。我需要知道的是如何获取文件上传成功后的文件路径?
任何帮助将不胜感激
编辑
我已经解决了我可以从 qq.getFilename 获取文件名,现在如果我只能获取 UID 我的问题就解决了
我解决了!
我需要添加回调 onComplete。在这个例子中,我只是 console.log 包含 uid 和文件名的响应。由此我可以构建我需要的 url
$('#id-of-fine-uploader-div').fineUploader({
template: 'qq-template-gallery',
request: {
endpoint: '/fine-uploader/server/endpoint.php'
},
thumbnails: {
placeholders: {
waitingPath: '/fine-uploader/placeholders/waiting-generic.png',
notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png'
}
},
validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
},
callbacks: {
onComplete: function(id, name, responseJSON, maybeXhr) {console.log(responseJSON)}
}
});