我正在为我的CMS更新图片上传器;加载具有匹配缩略图的图像。当前设置已配对type ='file'输入loading:someImage.jpg + tn_someImage.jpg。我考虑过使用HTML5:
<input type="file" name="filefield" multiple="multiple">
但这可能仍然存在浏览器支持问题 - 以及不完整的对 我希望能够只选择主图像并自动上传拇指。我正在使用:
$(document).on('change','#filesUp',function() { // // numbered select input
for (i=1; i<=parseInt($('#filesUp').val()); i++) {
$('#filesToUpload').append('<input class="uploadDir" type="file" name="filesToUpload[]" /><P>'); } });
// then
$(document).on('change','.uploadDir',function() {
var fileName = 'tn_'+$(this).val(); // thumb naming
});
这给出了所选文件缩略图对的名称但是...如何最好地使用它?我正在努力将它插入并行类型=“文件”输入 - 我将样式='display:hidden'。最好我可以看到$ _FILE不支持value ='*'所以我正在将它插入'filesToUpload'命名数组。主要问题是“这是最好的方法吗?”调试阵列实验让我有点烦恼,继续进行错误的假设是浪费时间。第二个问题:“还有另一种方式吗?”我尝试获取本地路径(假设拇指在同一个目录中),但安全性不允许 一旦拇指进入输入,那么测试阵列以确定它们是否确实存在似乎很容易 - 如果它们不存在则自动创建它们。
我不确定如何最好地接近这一点,任何建议的方向都会受到赞赏。