Dropzone:如何在 return of AJAX 调用后发送文件
Dropzone : how to send files after a return of AJAX Call
我目前正在构建 CRM php 工具。实际上这个工具工作得很好。
但是缺少一个功能。我想用上传文件系统改进这个工具。
我找到了 Dropzone.js。
这就是我想要的。但是我在实现这个时遇到了问题。
我的问题是我想要 return of ajax 调用(即 MySQL table 中的 INSERT 的 ID),并将此 ID 注入 url 降落区。
使用此 ID,我想创建目录并在 MySQL Table 中插入上传文件的历史记录。
ajax 调用的 return 运行良好。我得到插入的ID。
所以我的问题:
- 是否可以此时而不是之前发送文件?
- 这对我来说是个不错的选择吗?
我的表格:
<form class="form-horizontal" role="form" id="formAjoutDemande">
[input field]
<button type="button" class="btn btn-success btn-lg" id="ajouterNouvelleDemande"><i class="fa fa-check"></i> Ajouter</button>
</form>
点击“Ajouter”按钮后的JQuery代码:
jQuery('#ajouterNouvelleDemande').click(function(event)
{
[condition / verification]
if (erreur > 0)
return(false);
else
{
var url = jQuery(location).attr('href')+'/?_ajoutDemande=true'+chaineAjoutDemande;
jQuery.ajax(
{
url: url
,dataType: 'text'
,success : function(data)
{
if (data == 'insertionDemandeErreur')
{
jQuery('#affichageResultatExecutionCommande').show(); jQuery('#affichageResultatExecutionCommande').load(jQuery(location).attr('href')+'/?_affichageResultatCommande=true&typeResultat=demande&erreur=true&typeCommande=ajout');
}
else
{
[HERE THE CODE TO SEND FILE WITH DROPZONE]
jQuery('#affichageResultatExecutionCommande').show();
jQuery('#affichageDetailsDemandeSpecifique').show();
jQuery('#affichageFormulaireCreationDemande').hide();
jQuery('#affichageTitreAjoutNouvelleDemande').hide();
}
}
}
}
});
我在询问之前阅读了规则,我应该输入我的上传文件代码,但我完全迷路了。
也许这是不可能的,我应该尝试找到另一种方法。
感谢您的回答。
非常感谢干燥!
我懵了,原来这么简单
一开始,您的解决方案不起作用。
但是在 dropzone.option 中,我使用了默认选项,它有:
自动队列:假
评论这一行后,它起作用了
我目前正在构建 CRM php 工具。实际上这个工具工作得很好。 但是缺少一个功能。我想用上传文件系统改进这个工具。 我找到了 Dropzone.js。 这就是我想要的。但是我在实现这个时遇到了问题。
我的问题是我想要 return of ajax 调用(即 MySQL table 中的 INSERT 的 ID),并将此 ID 注入 url 降落区。 使用此 ID,我想创建目录并在 MySQL Table 中插入上传文件的历史记录。 ajax 调用的 return 运行良好。我得到插入的ID。
所以我的问题:
- 是否可以此时而不是之前发送文件?
- 这对我来说是个不错的选择吗?
我的表格:
<form class="form-horizontal" role="form" id="formAjoutDemande">
[input field]
<button type="button" class="btn btn-success btn-lg" id="ajouterNouvelleDemande"><i class="fa fa-check"></i> Ajouter</button>
</form>
点击“Ajouter”按钮后的JQuery代码:
jQuery('#ajouterNouvelleDemande').click(function(event)
{
[condition / verification]
if (erreur > 0)
return(false);
else
{
var url = jQuery(location).attr('href')+'/?_ajoutDemande=true'+chaineAjoutDemande;
jQuery.ajax(
{
url: url
,dataType: 'text'
,success : function(data)
{
if (data == 'insertionDemandeErreur')
{
jQuery('#affichageResultatExecutionCommande').show(); jQuery('#affichageResultatExecutionCommande').load(jQuery(location).attr('href')+'/?_affichageResultatCommande=true&typeResultat=demande&erreur=true&typeCommande=ajout');
}
else
{
[HERE THE CODE TO SEND FILE WITH DROPZONE]
jQuery('#affichageResultatExecutionCommande').show();
jQuery('#affichageDetailsDemandeSpecifique').show();
jQuery('#affichageFormulaireCreationDemande').hide();
jQuery('#affichageTitreAjoutNouvelleDemande').hide();
}
}
}
}
});
我在询问之前阅读了规则,我应该输入我的上传文件代码,但我完全迷路了。
也许这是不可能的,我应该尝试找到另一种方法。
感谢您的回答。
非常感谢干燥!
我懵了,原来这么简单
一开始,您的解决方案不起作用。 但是在 dropzone.option 中,我使用了默认选项,它有: 自动队列:假
评论这一行后,它起作用了