画像をURLに渡した後、RSFORMに表示します
これまでのところ、RS2のテキストボックスと非表示フィールドの両方にK2画像を渡すことができました。これはすばらしいことです。しかし、私は、ユーザーがフォームに入力するときに注文しているアイテム(画像)を表示することを望んでいます。
私はこれに遭遇しました topic この解決策:
<form action="#" method="post">
<input type="url" name="imglink" id="imglink" placeholder="Insert image URL here" /><br>
<input type="button" value="Show Image" id="btn1" />
</form>
<div id="photo"></div>
<script>
document.getElementById('btn1').addEventListener('click', function(){
document.getElementById('photo').innerHTML = '<img src="'+ document.getElementById('imglink').value +'" alt="Image" />';
});
</script>
上記の解決策は、送信前に画像を表示し、送信することのみを希望する場合と少し似ています。
私の考え:rsformhidden fieldを使用して画像をキャッチすると思います表示するためにJavaスクリプトを使用して<img src="" />
タグに渡すと、上記の例のように機能する場合があります。
これを解決するには、私にあなたの親切な援助が必要です。問題をさらに明確にする必要がある場合は、私に知らせてください。
前もって感謝します!
ご回答有難うございます
これは完全に機能しました:
<script>
document.addEventListener('DOMContentLoaded', function(){
document.getElementById('photo').innerHTML = '<img src="'+ document.getElementById('fieldname').value +'" alt="Image" />';
});
</script>
これをフォームのスクリプトセクションに入力し、rsformで自動レイアウト生成を無効にして、これを<div id="photo"></div>
画像をフォームに表示する場所に、コードのfieldnameをフィールドの名前に置き換えます。
PHP「フォーム表示で呼び出されるスクリプト」セクションを使用してこれを行うことができるはずです。基本的な手順は次のとおりです。
- 変数に渡すパス(つまり、$ _ GETなど)を設定します。
- 変数をプレースホルダー画像の値に設定します
以下の構文を使用して検索/置換を実行します。
$ formLayout = str_replace($ find、$ replace、$ formLayout);