我正在尝试在我的主题选项页面中使用图像上传,但还没有找到一个包含许多教程或良好文档的简单ajax上传脚本,我只想要一个简单明了的脚本,所以我只需要编辑文件路径和一些其他内容,当然,这也适用于页面上的许多上传程序。
我尝试了plupload,但它对我来说很复杂,因为我对javascript一无所知,只懂一点jQuery。
那么,有没有简单的ajax上传程序可以提供一个很好的教程呢?
我正在尝试在我的主题选项页面中使用图像上传,但还没有找到一个包含许多教程或良好文档的简单ajax上传脚本,我只想要一个简单明了的脚本,所以我只需要编辑文件路径和一些其他内容,当然,这也适用于页面上的许多上传程序。
我尝试了plupload,但它对我来说很复杂,因为我对javascript一无所知,只懂一点jQuery。
那么,有没有简单的ajax上传程序可以提供一个很好的教程呢?
我使用了本地上传程序,效果很好。尝试添加以下JS片段:
jQuery(\'#upload_image_button\').click(function() {
formfield = jQuery(\'#fwpPhoto\').attr(\'name\');
tb_show(\'\', \'media-upload.php?type=image&TB_iframe=true\');
return false;
});
window.send_to_editor = function(html) {
imgurl = jQuery(\'img\',html).attr(\'src\');
jQuery(\'#fwpPhoto\').val(imgurl);
tb_remove();
}
然后,在HTML中:<input id="fwpPhoto" name="facultyPhoto" value="">
<input id="upload_image_button" type="button" value="Upload Image">
<input id="facultyPhoto-1" name="facultyPhoto-1" value="" class="fwpPhoto">
<input id="upload_image_button-1" class="uploadButton" type="button" value="Upload Image">
<input id="facultyPhoto-2" name="facultyPhoto-2" value="" class="fwpPhoto">
<input id="upload_image_button-2" class="uploadButton" type="button" value="Upload Image">
<input id="facultyPhoto-3" name="facultyPhoto-3" value="" class="fwpPhoto">
<input id="upload_image_button-3" class="uploadButton" type="button" value="Upload Image">
<input id="facultyPhoto-4" name="facultyPhoto-4" value="" class="fwpPhoto">
<input id="upload_image_button-4" class="uploadButton" type="button" value="Upload Image">
<script type="text/javascript">
jQuery(document).ready(function($){
var target = \'\';
$(\'.fwpPhoto\').each(function(index) {
var field = index + 1; //because index starts at 0
jQuery(\'#upload_image_button-\'+field).click(function() {
formfield = jQuery(\'#facultyPhoto-\'+field).attr(\'name\');
target = \'#\'+formfield;
tb_show(\'\', \'media-upload.php? type=image&TB_iframe=true\');
return false;
});
});
window.send_to_editor = function(html) {
imgurl = jQuery(\'img\',html).attr(\'src\');
jQuery(target).val(imgurl);
tb_remove();
}
});
</script>
您是否尝试过使用jquery表单插件http://jquery.malsup.com/form/
默认情况下,它也包含在wordpress管理中。
我目前正在使用一个插件,其中包括jquery版本1.6.4,如下所示:function thethe_image_slider_head_scripts(){ wp_deregister_script( \'jquery\' ); wp_register_script( \'jquery\', \'https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/ jquery.min.js\', false, \'latest\');