Drupal 7 FAPI - ajax image preview(Drupal 7 FAPI - ajax 图像预览)
问题描述
我正在尝试在我的 D7 模块中使用 ajax 预览上传的图像,但不知道为什么它不起作用.这是我想要做的:-
I am trying to preview the uploaded image using ajax in my D7 module but don't know why it's not working. Here is what I am trying to do:-
function create_ad_form($form, &$form_state)
{
$form['image_file'] = array(
'#title' => t('Upload Banner:'),
'#type' => 'file',
);
$form['submit'] = array(
'#type' => 'submit',
'#value' => 'Submit',
'#submit' => array('create_ad_form_submit'),
'#ajax'=> array(
'callback'=>'create_ad_form_submit',
'wrapper'=> 'im-area',
'method'=> 'replace',
'effect'=> 'fade',
)
);
$form['im-container']=array(
'#prefix'=>'<div id="im-area">',
'#suffix'=>'</div>',
);
}
function create_ad_form_submit($form, $form_state)
{
$file = file_save_upload('image_file', array(), "public://",$replace = FILE_EXISTS_REPLACE);
if ($file)
{
$file->status=FILE_STATUS_PERMANENT;
file_save($file);
$form['im-container']=array(
'#title'=>t('Preview:'),
'#prefix'=>'<div id="im-area">',
'#markup'=>'<img src="sites/default/files/'.$file->filename.'">',
'#suffix'=>'</div>',
);
}
else
drupal_set_message('No file uploaded.');
return $form['im-container'];
}
上面的代码没有给出错误,但是图像预览没有显示出来.谁能告诉我在这里做错了什么,我该怎么办???谢谢.
The above code gives no error but the image preview doesn't show up. Can anybody tell what I am doing wrong here and what should I do??? Thanks.
推荐答案
好的.我让它工作了.我已经更新了上面的代码,它对我有用.刚刚禁用并重新启用模块,相同的代码开始工作.很奇怪,但不知道是什么问题.
OK. I got it working. I've updated the code above, its working for me. Just disabled and re-enabled the module and the same code started working. Its strange but it is, don't know what is the problem.
这篇关于Drupal 7 FAPI - ajax 图像预览的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:Drupal 7 FAPI - ajax 图像预览
基础教程推荐
- mysqli_insert_id 是否有可能在高流量应用程序中返回 2021-01-01
- Libpuzzle 索引数百万张图片? 2022-01-01
- XAMPP 服务器不加载 CSS 文件 2022-01-01
- 如何在 PHP 中的请求之间持久化对象 2022-01-01
- 在多维数组中查找最大值 2021-01-01
- WooCommerce 中选定产品类别的自定义产品价格后缀 2021-01-01
- 在 PHP 中强制下载文件 - 在 Joomla 框架内 2022-01-01
- 通过 PHP SoapClient 请求发送原始 XML 2021-01-01
- 在 Woocommerce 中根据运输方式和付款方式添加费用 2021-01-01
- 超薄框架REST服务两次获得输出 2022-01-01